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 Hub Menu.
   
3.  On the Custom Codes page, click New Custom Code.
   
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
   Note: Adding the Custom Code in the head section is recommended.
   
   
6. From the Page Type drop-down menu, choose which page types you wish to insert this code block -
   All - The custom code will be applied to all page types in the hub.
   Hub Page - The code will only run on the main hub landing page.
   ABM Page - The code will be applied to ABM (Account-Based Marketing) pages only.
   Content Download Page - The code will run only on pages where visitors download content.
   
   
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