Customizing Content Hub Styles with Custom CSS

Personalize the look and feel of your Content Hub by using Custom CSS. This article provides step-by-step instructions to modify styles, alter layout, and implement a unique brand aesthetic that aligns with your company values.

Note: This feature is available only with the brand new Enterprise plans as an add-on feature. If your current plan does not support this feature feel free to contact our Customer Success team for account migration assistance.

Important: To test the available customization, make sure you already have a Content Hub enabled.

To apply custom CSS to your Content Hub follow these steps:

1. Go to Settings ⚙. Click Account settings from the left sidebar and scroll down the Content Hub section.

2. Scroll down to locate Advanced styling with custom CSS section. This is where you can insert your custom CSS code to target and style the elements.

Here's the list of customizable components:






Parent container div of form (top-level id selector)


Header block


Logo block


Logo image


Title block


Title element

.j-custom-navbar-title span

Search wrapper


Search input

.j-custom-search-input-wrapper input

Login button


Profile block




Profile icon


Collections (folders) container block


Collection (folder) item


Collection (folder) thumbnail


Folder icon


Collection (folder) title


Collection (folder) count


Publications container block


Publication item


Publication date


Order by block


Order by text


Collection title in Publications block


Back to collection


Publication details popup


Cover in popup


Title in popup


Subtitle in popup


Description in popup


Read button in popup



3. Make the necessary styling updates and click Save changes to apply the results.


Example: Customizing Content Hub header color, page background color and the color of the search input field

1. Let's first specify the background color of our Content Hub main page:

body {
  background-color: #f2f2f2;

2. Then we can specify the background color of Header section and customize the input field:

.j-custom-page .j-custom-navbar {
    background-color: #FFFFFF;
.j-custom-page .j-custom-search-input-wrapper input {
    background-color: #f2f2f2 !important;
    color: #000000 !important;

3. Click Save Changes and browse Content Hub URL to see the changes: