Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Question

Site URL: https://www.suziappelphoto.com.au

Hi,

Can I use CSS to set the colour for the announcement bar? 

image.png.b7979d61bf926a5df7551878bfc687ac.png

I want the background to be the same as the Header but with a white font colour not how it currently is.

This is in 7.1 and I cannot find where to customise it.

Thanks,

Leanne

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

On your custom CSS paste:

To change the background:

.sqs-announcement-bar-url {
background-color: #040534;
}

To change the text:

.sqs-announcement-bar-text p, .sqs-announcement-bar-text a {
color: #ffffff;
}

And, to change the "X" to close the announcement bar:

.sqs-announcement-bar-close {
color: #ffffff;
}

 

Share this post


Link to post
  • 0

Hi Erika! I had the same problem in 7.1 but what is strange is that a week ago I was able to change the color of background and text of the announcement bar by going into the color theme of my header section, scrolling down to the announcement bar section within that color theme, and changing the color of the background and the text right there (no CSS required). And then for the last couple days I have been trying to change the color and text of the announcement bar again by going to the same place but when I change the color there it doesn't reflect on the bar. I tried to refresh, close and come back, quit my browser etc but still no luck. Then I stumbled upon your code above. It worked for the background color but not for the text color. What am i doing wrong? 

Quote

 

 

Share this post


Link to post
  • 0
21 hours ago, frenchpoulette said:

Hi Erika! I had the same problem in 7.1 but what is strange is that a week ago I was able to change the color of background and text of the announcement bar by going into the color theme of my header section, scrolling down to the announcement bar section within that color theme, and changing the color of the background and the text right there (no CSS required). And then for the last couple days I have been trying to change the color and text of the announcement bar again by going to the same place but when I change the color there it doesn't reflect on the bar. I tried to refresh, close and come back, quit my browser etc but still no luck. Then I stumbled upon your code above. It worked for the background color but not for the text color. What am i doing wrong? 

 

Can you share site url? We can check easier.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...