[soundlocation]

The single page/post layout on my site is No Sidebar (full width). I use a plug in to add individual background images to the single pages/posts. The text is white and sometimes doesn’t want to show up.

Where in CSS should I add/change the code so I get this? I have tried everything.

As before, I will NOT post a link to where the site can be viewed as the band has yet to see it.

In other words: I’m developing this to show the band for their approval. Before they approve it, nobody but me will see the site. If they don’t approve it will be trashed. It’s that simple.

You will have to answer my questions without seeing the site.

Cheers and thanks in advance

[Skandha]

@soundlocation: Hello there,
Try adding the following CSS

.single-post #content .entry-content *, .page #content .entry-content * {
    color: #000;
}

Kind Regards,
Skandha

[soundlocation]

Nope. That changed the color of the font. Not what I wanted.

Think of it as three layers. Top layer, font. It is white or light grey.

Bottom layer, background: it is a photo. It has dark and light sections. The white font will not show up well on laid over the white sections.

So a layer in between the two is needed. A transparent black layerjust under the text. The white font will be readable even over the light sections of the photo. And the photo will be seen under the tranparent layer.

I do NOT want to change the color of the font. Nor do I want to cover the photo with an opaque black layer, as that would completely defeat the purpose of the background.

I hope the above helps.

[soundlocation]

GOT IT!!

Your suggestion pointed me in the right direction. Thank you!!

A slight modification and that was sorted.

.single-post #content .entry-content *, .page #content  * {
   background-color: #000;
    background: rgba(17, 17, 17, 0.2);
}

[Skandha]

@soundlocation: Glad I could help. Have a good day! 🙂

Kind Regards,
Skandha

[Author]

Posts