Opacity effect

Hi,
In "gk.stuff.css", I have modified the code like this adding an opacity effect:

.gkNspPM-TitleOverlay[data-textpos="bottom"] > figure > figcaption {
bottom: 0;
opacity: 0.6;
}

In the frontpage, sometimes images are to clear and the text is difficult to read.Like this a frame appears (grey for example) under the text with opacity effect.

The problem is that the text also has an opacity effect. How can I modify the code to give the text no opacity effect or opacity=1?

Thank you for your answer.

Hi

In that case a code like

Code: Select all

gkNspPM-TitleOverlay[data-textpos="bottom"] > figure > figcaption {
opacity: 0.6;
}


cannot be used. Instead You will need to add a transparent png image with opacity background:

Code: Select all

gkNspPM-TitleOverlay[data-textpos="bottom"] > figure > figcaption {
background: url(../images/opacity.png) repeat 0 0 transparent;
}