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”.