Adding CSS

The settings panel of many component toolbars contains an Advanced menu tab. Inside the Advanced menu, developers have an opportunity to add CSS ID or Class Name selectors.

1 Adding CSS selectors

1. Click WEBSITE on the top menu bar. 
2. On the left side menu, select the CONTENT folder and then click Manage. The Website Content page displays. 
3. Hover the mouse pointer on a page.
4. Click the Edit button. The Edit Content area opens.
5. Hover the mouse pointer on a component. The toolbar displays.
6. Click the Settings button in the top left corner. The Settings panel displays.
7. Click the Advanced tab. The Advanced panel displays.
8. Enter your ID or Class name selector in the text fields.

2 Adding CSS Script

Enter CSS script on the Style Editor page. 

1. Click WEBSITE on the top menu bar. 
2. On the left side menu, select the SETTINGS folder and then click Style Editor. The Style Editor page displays. 
3. At the top of the page, click Custom Styles.
4. Enter CSS in the blank field below the green button.
5. Click Save when finished.
6. To make the changes active across the website, click the Publish button at the top of the Style Editor page.