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


Top

Website Builder Version 8

1

Click on the element that you would like to edit the CSS of, and then click on the Edit button.

2

This will open up the menu for the widget, where you can make a variety of changes and customisations. To find the CSS, click on the More tab at the top of the panel.

3

You will see a collection of smaller tabs. Click on the CSS tab to open the CSS options.

4

Here you will see two areas to add your CSS to, one for all devices, and one for just Desktop and Tablet. Enter your new CSS into the relevant box, and then click Update to check your changes, or Done to confirm your changes.


Top

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.

1

Login to your 123-reg control panel.

 Control_Panel_Login.jpg

2

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

3

Click on the Login button next to the relevant package.

4

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

5

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

6

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

Offer

Answer options

Your feedback was successfully added.

Answer tracking

Track

Watch the content of this article for changes.