When you wish to customize your site’s layout, this could be done with the help of CSS. Sometimes, you might wonder where to add the CSS code that we suggest.
There are three places where it could be added:
- Template.css file or theme.css or Custom.css file
- Custom css code section of your template style
- Occasionally on the scss or less files(if your template loads css through SCSS or LESS)
Navigate to Extensions->Templates->Your template-> CSS->Template.css or Theme.css file or custom.css file The CSS that we suggest can be entered at the end of the above file.
Sometimes, when the CSS doesn’t take effect on the frontend while inserted on the files mentioned on the first step, you could check if your template has a custom code section and input the CSS there, if it has one.
To do this, navigate to Extensions->Templates->Styles->Your template’s style(the one next to which the star is filled).
Input the CSS in the Custom CSS part of the Custom code section of your template’s style.
To add the CSS on the SCSS or LESS folder:
Sometimes, the **CSS has to be inserted in the SCSS or LESS files of the template.
Let us help you with the CSS.