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


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

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

This article will show you how to edit the css of your widgets on your Website Builder website.

  • Step 1 of 6

    Login to your 123 Reg control panel.


  • Step 2 of 6

    Scroll down to the Create your website section and click on the Website Builder icon.

  • Step 3 of 6

    Click on the Login button next to the relevant package.

  • Step 4 of 6

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

  • Step 5 of 6

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

  • Step 6 of 6

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