Custom CSS

This section allows adding your custom styles to the entire store.

To get more details on how to use the section, check the following help page.

If you need to add your custom CSS to a specific section on the page, check whether it includes the “Custom CSS” to implement changes individually for that template:

The theme provides the “Custom CSS” for both static and dynamic sections in the theme Editor.

How to adjust the font size in the Announcement bar using CSS

You can change the font size in the Announcement bar by using the provided global section.

Here is an example of the code that can be placed in the input field to change the font size on the desktop:

@media only screen and (min-width: 750px) {
  .header__tape p {
    font-size: 16px;
  }
}

This is the part of the code that can be used for mobile:

@media only screen and (max-width: 390px) {
  .header__tape p {
    font-size: 24px;
  }
}

Replace the values with any other you wish.