Open navigation

Where to Add Custom CSS


If you plan to add more intricate page design customisations to your site then you may require the use of CSS in order to achieve this. This guide will show you where to add custom CSS on your platform.

Step 1 - Navigate

Custom CSS elements are managed within the Boost “Advanced” settings page on your platform. You can find this page by going to the following, whilst logged in as a site administrator:

Site Administration > Appearance > Themes > Boost

Step 2 - Adding CSS

Within the Boost “Advanced settings” there are a few different options as to where you can add the CSS code in order for it to serve its desired purpose. We’ll touch more on each of these below:

Raw initial SCSS

In this field you can add initialising SCSS code, this will be injected before anything else. Most of the time you will use this setting to define variables.


In this field you can add SCSS or CSS code which will be injected at the end of the style sheet.

Step 3 - Save

Once you have made the required changes to the CSS, you can then scroll to the bottom of the page and click “save changes”. 

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.