Adding Custom Code to your V3 Hub

Cascading Style Sheets (CSS) customization provides the flexibility to tailor the visual presentation of a website according to specific design requirements or branding guidelines. Use Custom Code on V3 to customize your Hub using CSS.  However, it is highly recommended that you have coding knowledge before adding Custom Code. 

To add a Custom Code, follow the steps below:

1.  From the Left Nav Menu, go to Hub > Select a Hub.
   
   
2. Click on Custom Code from the Left Menu.
   
3.  Click on New Custom Code, which is placed in the top right corner of the Page.
   
4.  Give a Name and optionally, a Description.
   
   
5.  From the Placement drop-down menu, choose where this code block has to be inserted in the page -
   Head
   Body Start
   Body End
   
   
6. From the Page Type drop-down menu, choose which page types you wish to insert this code block -
   All
   Hub Page
   ABM Page
   
   
7. Switch the Enabled toggle to integrate the code.
   
   
8. Add the Code in the space provided.
   
   
9. Click Save.
   
   
10.  On the Custom Code listing page, you can Enable or Disable the code using the Toggle.
    
    
11. Click Change Order to reorder the created codes.
    
    Drag and drop to change the order and click Save.
    Note: There are two Save buttons: one at the top and one at the bottom of the page to help you Save your work without scrolling.
    
    

Related Topics
Creating a Hushly V3 Hub
Centralized Branding for Hushly V3 Hubs

Hushly Themes for V3