How to adjust announcement bar font size without altering letter spacing?

Store Design
,
1

Hi all,

I would like to only adjust the font size of the announcement Bar Font Size.

This is the current code below:

I tried the other solution in this sub. But I found that I can’t adjust the announcement bar font size because of the letter spacing code. But I want to keep the letter spacing code. Is there any way that I can adjust only the announcement Bar Font Size without changing/affecting the current setting? Thanks a lot.

My website as a reference:

The theme is: Stiletto.

https://softandsassys.com/

2

Use this css within the style tag

.announcement-bar__item-inner p {
    font-size: 18px !important;
}
1 Like
3

Hey @Maelaw

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693807901420.png
Moeed_0-1693807901420.png1637×200 173 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

Hi @Maelaw ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Note: You can adjust value to fit your store

Best regards,

Anthony

1 Like