How do I edit the CSS for a widget in Website Builder?

You are able to change the CSS on a lot of the widgets and areas on your site. Changing the CSS means that you can change the look of these elements to better suit your site. We recommend that you only change the CSS of your site if you are experienced and familiar with what you are changing.

This feature is applicable to multiple versions of the Website Builder platform, so please use the options below to find the appropriate instructions for the package you are using. If you are not sure which version of Website Builder you are using, you can use this article to check.

Website Builder Version 8

Step 1 of 2

Right click on the element you wish to edit, and then select the Edit HTML/CSS option.

Step 2 of 2

This will open the edit window. Ensure you select CSS, then select either general CSS or device specific depending on the changes you wish to make. Click the Update button to confirm your changes.

Website Builder Version 6 & 7

Step 1 of 2

Please Note: This feature is only available in the developer package of Website Builder.

Double click on the widget you would like to edit the CSS for and select the CSS tab from the settings pane.

 

Step 2 of 2

On the CSS tab you will be able to add your CSS properties for the widget you have chosen.

Click on the Save Changes button to save your CSS and view changes.