CSS allows you to customize the appearance of your website, from colors and fonts to sizes and positions of different elements. You can even add design elements that aren’t yet available in the editor.
For example, you can:
You can customize the CSS using:
Classes group elements on your site together to easily apply the same styling to all the instances of that group. You can apply custom CSS styling to a global class, semantic class, or custom class.
Global classes are built-in and made available to your site. Applying a style to a global class will affect the CSS styling of elements of that class globally, throughout your site. To get started, see the list of available classes.
Most global classes are divided into more specific semantic classes to customize individual aspects. For example, you can apply a custom style to all buttons with .button or only apply a style to the label text of a button with .button__label. See the documentation of each element for specific information on supported semantic classes.
In addition to the built-in, global classes you can also create your own custom classes and apply CSS styling to just those. For example, you may want to apply a certain animation style to all subscribe buttons throughout your site, but not to all buttons in general. To do so, you can create a custom class called .button--subscribe and add custom styling for all elements that you add this class to.