Hello,
I have added a custom announcement bar (with slides) to my theme copy and I want to find out how to make the bar larger / bigger. This is the link to my theme copy: https://axytmzcakdm17iz5-64572260616.shopifypreview.com
The announcement bar is too slim for my liking and it should definitely be larger and if possible with bold font.
I know the question has been asked previously, but none of the codes provided work.
I am using the Dawn Theme.
Kind regards.
Hi @JustInCase-De,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css,
Step 3: Paste the below code at bottom of the file → Save
.announcement-bar{height:70px !important}
.announcement-bar .announcement-bar__message{line-height:4}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Hello @JustInCase-de
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
Go to Online Store → Theme → Edit code.
Open your theme.liquid theme file.
Paste the below code before :
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Thanks for your input.
This didn’t work unfortunately.
Kind regards.
you can add new code
#shopify-section-websensepro-announcement-bar,#shopify-section-websensepro-announcement-bar>div{
height:70px
}
#shopify-section-websensepro-announcement-bar .websensepro-announcement-bar .websensepro-message{
display:flex;
align-items: center;
justify-content: center;
}
#shopify-section-websensepro-announcement-bar .websensepro-swiper-button{top:60%!important}
Thank you!
Where exactly do I place this code ?
kind regards
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css,
Step 3: Paste the below code at bottom of the file → Save
