How do I change my announcement bar details?

iceymonski · ‎09-22-2024

Hello, how do I change my announcement banner text, size, and color? I attached two photos. One is my announcement banner (Suvski website) and the other one is an example of how I want my banner to look like (Sporty&Rich website).

I want it to look like the Sporty&Rich announcement bar. Can anyone help? Thanks

parth_ghelani · ‎09-24-2024

Hello @iceymonski

You can change text from the customization of theme. If your theme has options to change color and background, then you also able to change the background color and color as well. But to change the font size of the text, you need to add custom css for that.
If you want to change the font size of the text, just copy below css and paste it in the custom.css which you can see at the end of the section settings in customization.

.announcement .rte--lock-font * {
  font-size: 20px !important; /* change font size according to your requirement */
}

Hope this solution works best for your issue.

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns

View solution in original post

parth_ghelani · ‎09-24-2024

Hello @iceymonski

You can change text from the customization of theme. If your theme has options to change color and background, then you also able to change the background color and color as well. But to change the font size of the text, you need to add custom css for that.
If you want to change the font size of the text, just copy below css and paste it in the custom.css which you can see at the end of the section settings in customization.

.announcement .rte--lock-font * {
  font-size: 20px !important; /* change font size according to your requirement */
}

Hope this solution works best for your issue.

Was your question answered? Mark it as an Accepted Solution.
If you need further assistance to optimize your store, please don't hesitate to reach out. I'm committed to providing you with my full support and ensuring that you get the most out of our collaboration.

Get in Touch: You can contact me directly at softkarts@gmail.com for any questions or concerns

iceymonski · ‎09-24-2024

Hello. Thank you that worked 🙂

How do I change my announcement bar details?

How do I change my announcement bar details?

Community Blog Articles