Site Branding & Basic Customization


Customizing your site branding: colors & logos

  1. Upload your logo - this will appear in the top left hand corner and in the bottom footer of your site home page, in addition to the footer of each folder page & article
  2. Upload your favicon (a small icon associated with a website that appears in browser tabs, bookmark bars, and search results)
  3. Update your Site Colors

Add Icons or Images to Article Folders

In order to add custom icons or images to Article Folders,  you will need to follow the below steps. Folder images should be around 350x200, and adding the CSS provided below will automatically resize the image to a width of 360 with an automated height.

  1. Add the folder icon or image to the specific folder
    1. Open the Site within the left panel of the console.  
    2. Select the folder for which you wish to change the icon or image. 
    3. Navigate to the right sidebar containing the folder settings
    4. Click on the camera icon to upload the image and select the image from your computer
    5. Click Upload, then hit Save Changes at the bottom of the right side panel.
  2. Paste in the below CSS to the site settings in order to adjust the folder images or icons to the appropriate size
    1. Navigate to Site Settings in the right hand navigation of the folder you wish to customize. 
    2. Next scroll down to Custom CSS.
    3. Copy the below snippet of CSS and paste it into the Custom CSS box. This will allow you to customize folder icons/images.

.homeFolderImageContainer img {
  width: 100%;
  max-height: 100%!important;
  margin-top: 0px;
}
  • If you want any additional customization besides the standard CSS, you'll likely need to get a web developer involved


What is CSS? 

Without CSS Formatting

With CSS formatting



Was this article helpful?