Understanding the Default CSS in WebStacks

The default CSS in WebStacks, located at /assets/css/style.css, is provided to streamline the styling of your website and ensure consistency across all pages. It includes pre-defined classes designed to integrate seamlessly with WebStacks’ modular structure, making it easy to build professional and visually appealing websites without starting from scratch.

Do not edit the default CSS file. Any changes made here may be overwritten during updates and could lead to unexpected behaviour. Instead, use the Custom Scripts module to create and manage your own CSS file(s), allowing you to personalise your site without affecting the default framework.

Refer to the list of classes described below. These can be applied directly to your code to style elements effectively, saving you time and effort in development.