How to make prestige announcement bar bold and font bigger

AMOB
Shopify Partner
115 1 36

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

website: zoticnewyork.com

60174879-1c14-42dc-b00f-6f80880270d9.pngdownload (5).png

Replies 9 (9)

suyash1
Shopify Partner
9078 1129 1479

@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;}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
AMOB
Shopify Partner
115 1 36

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

PageFly-Richard
Shopify Partner
4164 935 1586

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

suyash1
Shopify Partner
9078 1129 1479

@AMOB - try this

.AnnouncementBar__Wrapper {padding: 20px 15px;}

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
AMOB
Shopify Partner
115 1 36

nope 😞

 

 

PageFly-Richard
Shopify Partner
4164 935 1586

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 </body>

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


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


Thank you.

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

AMOB
Shopify Partner
115 1 36

😞 nope

LLCo
Tourist
7 0 1

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

suyash1
Shopify Partner
9078 1129 1479

@LLCo - can you share your page link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI