How to make prestige announcement bar bold and font bigger

Store Design

Topic summary

A user seeks to make the announcement bar on their Prestige theme store (zoticnewyork.com) bolder and larger, specifically targeting the gold/yellow bar.

Attempted Solutions:

  • Multiple CSS code snippets were provided by community members and PageFly support
  • Suggestions included adding code to theme.css or theme.liquid files
  • Proposed CSS targeted .AnnouncementBar__Content.Heading with font-weight: bold and font-size adjustments (ranging from 18px-20px)

Current Status:

  • The original poster reported that none of the provided solutions worked
  • Discussion remains unresolved
  • A second user later joined with the same issue, struggling to make their announcement/header bar bigger
  • The thread ends with a request for the second user to share their page link for further troubleshooting

Note: Some text in the conversation appears corrupted or reversed, making certain code snippets difficult to verify.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Looking to make it bolder and bigger, just the gold announcement bar

website: zoticnewyork.com

60174879-1c14-42dc-b00f-6f80880270d9.png
60174879-1c14-42dc-b00f-6f80880270d9.png3432×575 135 KB

download (5).png

2

@AMOB - add this to the very end of theme.css file and check, adjust number as per the need

p.AnnouncementBar__Content.Heading {font-size: 20px;    font-weight: bold;}
3

did not work, I only want the yellow announcement bar bold and bigger, did not do anything :disappointed_face:

4

Hi @AMOB

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

.AnnouncementBar__Content.Heading {

font-weight: bold !important;

font-size: 18px !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

5

@AMOB - try this

.AnnouncementBar__Wrapper {padding: 20px 15px;}
6

:disappointed_face: nope

7

nope :disappointed_face:

8

Hi @AMOB

you can try again with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

.AnnouncementBar__Content.Heading { font-weight: bold !important; font-size: 18px !important; }

Please refer to this screenshot: https://prnt.sc/edZKqoJUDuZh

Thank you.

9

Hello did you find a solution?? I’m struggling to make my header/announcement bar bigger

10

@LLCo - can you share your page link?