not sure why it would flash, its not going to actually change because of css… that would require js or something modifying the DOM…

but I would actually suggest the below in your child theme css file:

#spAnnounceMessage {
    color: #AEBC98;
    background: #AEBC98;
    border: 1px solid #AEBC98;
 }

see if that works…

Hi there.  I am wondering about the background of the “announce” plugin as well.  

In regards to the answer above, when I am in “theme editor” what template am I duplicating and changing? How do I save it with a new name in editor so I do not overwrite the original?

A step by step instruction would be very helpful please. Also I am guessing instead of a color I could use the url of an image I have created for the background?

thanks for your patience.

Hey Robert,

First off you would need to get a child theme set up (the link has instructions). We offer the child theme frameworks for free in the store so setting one up shouldn’t take long, just make sure that – for example if you are running Reboot, download the Reboot child theme framework.

Once set up you should then be able to access your child themes stylesheet through the theme editor (reboot-child.css or whatever you’ve named it) where you can then add the rule Steve posted above.

Yes, instead of colour you can indeed use the URL of an image using the CSS background-image rule.

Hope that helps, it should at least get you started – of course we will be here if you need any further help.

thanks for the quick reply. I have uploaded the child- default theme and can see it under my available themes. Now how do I see and edit the files from the child theme? I do not want to activate it because I assume that makes it live on the site.  When I open theme editor it only shows the files from the current default theme, not the newly uploaded child theme.

Assuming the child theme is set up correctly, if you activate it you won’t notice a difference.

Essentially it acts as an overlay to the parent, so without any changes it will just be default as it was before. If you were to add one thing to your child theme’s stylesheet, say:

#spMainContainer a.spButton {
    color: red;
}

then it would be default as you knew it before, just with red text buttons.

You can either edit the child theme stylesheet locally in a plain text editor such as Notepad++ then FTP it back up to your live site, or you can activate it, which should then allow you to edit it through the theme editor.

A child theme is a very useful thing to have to make those odd little changes!