CSS or Cascading Style Sheets is the technology used by most websites to create visually engaging webpages, including aspects such as the layout, colours and fonts.
The Website Builder allows you to add your Custom Global CSS code to style your website, overriding the default template you previously selected.
Warning : This feature is for advanced users only. If you are unsure about how to write CSS, we strongly advise you consult a front-end web developer. Our support team can only provide limited support for CSS in general.
To add custom Global CSS:
In the Website Builder, click on the tab Advanced Settings at the top of the page.
Click Global CSS.
Paste your custom CSS code in the provided box.
Click Save.
Click Preview Site to view the changes you have made to the website.
Click Publish Changes to push the updates to your live website.
Below is a sample html with CSS code. When adding CSS into the Website Builder, you only need to paste the code in bold.
<html> <head> <style> body { background-color: lightblue; } </style> </head> <body> <p>This page has a light blue background color!</p> </body> </html>