Hi Tikatu,
This depends on how the theme is enforcing its CSS. However please try inserting code such as
*[id|="dprv_cp"]
{
color:white;
}
into the css. This instructs the css engine to set the color of the text to white in all elements where the id starts with “dprv_cp” (like the Digiprove notice).
If this does not work, try:
*[id|="dprv_cp"]
{
color:white !important;
}
Please let us know how you get on.
Thread Starter
Tikatu
(@tikatu)
I tried both of those in the Edit CSS portion of the child theme. Neither seemed to make a difference. Does the code need to go elsewhere in the child theme’s CSS or do I need to try something else?
BTW, the Edit CSS stylesheet strips out different elements (such as the asterix) and adds space in others (between color: and white). Is this normal?
Well if the css editor is stripping out valid css like the asterix that is a bug in the editor, and the stripped out css will definitely not work. If you are proficient enough you should edit the .css file directly to make these changes.
The Digiprove notice css is coded at element level – designed to resist inheritance from themes so it is possible that the theme is using a technique like !important or re-writing the html to have its own way with the CSS.
Have you tried with different child theme?