Experiencing an issue?

Adding CSS

The Settings panel of many component toolbars contains an Advanced menu tab. Inside the Advanced menu, developers can add CSS ID or Class Name selectors.

 

 

1 Adding CSS selectors

Click PUBLISH on the top menu bar. A popup window displays. Click Website Content > Manage.

The Website Content page displays. 

  1. Hover the mouse pointer on a page.
  2. Click the Edit button. The Edit Content area opens.

Untitled design.png

 

Hover the mouse pointer on a component. The toolbar displays. Click the Settings button in the top left corner. The Settings panel displays.

e-4.png

 

Scroll down the Settings window and click the Advanced tab. Enter your ID or Class Name selector in the fields. Click OK.

e-5.png

 

2 Adding CSS Script

Enter CSS script on the Style Editor page. Click PUBLISH on the top menu bar. A popup window displays. Click Website Content > Settings > Style Editor. At the top of the page, click Custom Styles.

e-6.png

  1. Enter CSS in the field below the green button.
  2. Click SAVE when finished.
  3. To make the changes active across the website, click the Publish button at the top of the page.

 

 

 

Related articles