FROM CACHE - en_header

How to make prestige announcement bar bold and font bigger

Zotic
Explorer
68 1 27

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

website: zoticnewyork.com

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

Replies 7 (7)
suyash1
Shopify Partner
6110 715 1011

@Zotic - 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;}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
Zotic
Explorer
68 1 27

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

RichardNguyen
Shopify Partner
1602 250 935

Hi @Zotic 

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

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.


Check our Evergreen List of Best Platforms To Sell Online.


Or our new series to Build The Perfect Mobile-Friendly Store.

suyash1
Shopify Partner
6110 715 1011

@Zotic - try this

.AnnouncementBar__Wrapper {padding: 20px 15px;}

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
Zotic
Explorer
68 1 27
Zotic
Explorer
68 1 27
RichardNguyen
Shopify Partner
1602 250 935

Hi @Zotic 

 

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.

PageFly- Advanced Shopify Page Builder - Empowering 100.000+ active merchants.


Check our Evergreen List of Best Platforms To Sell Online.


Or our new series to Build The Perfect Mobile-Friendly Store.