How can I reduce the font size of my scrolling banner?

Hello everyone, hope all is well.

I have scrolling banner at the top of my website but I want to make the text size smaller than the available options is there a code I can add to edit this. Would really appreciate the help, thank you!

Website:

https://jadeium-machinery.myshopify.com/

1 Like

Hi @Jade11

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.scrolling-banner__items-container.flex span {
    font-size: 12px;
}

Result:

I hope it help.

1 Like

Thank you so much Ribe, works perfectly.

1 Like

Welcome. :blush: