How do I change my announcement bar details?

[iceymonski]

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 · Accepted solution]

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.

[iceymonski]

Hello. Thank you that worked 🙂