How to change the background of text block

I am trying to have an opaque background to the text block in News Show Pro but without success. I got this code to apply in override css but it did not work.
.gkIsWrapper-gk_rockwall figcaption {background: rgba(0, 0, 0, 0.6)}

You can see what I mean at http://www.mela.no. The text "Mind the Brass" (white) is not seen on the brass image.

Thanks in advance

As the Beatles said... All You need is love ... well, this time all You need is !important:

Code: Select all

.gkIsWrapper-gk_rockwall figcaption {background: rgba(0, 0, 0, 0.6) !important}


As the Beatles said... All You need is love ... well, this time all You need is !important:

Code: Select all

.gkIsWrapper-gk_rockwall figcaption {background: rgba(0, 0, 0, 0.6) !important}


Hi Cyberek, I tried to implement this but it works only with the Image Show module and not the News Show module. I want to have the effect in the News Show module instead. As you can see the text is white and when there is white space in the image that text is not readable.

Correct me if I'm wrong... You would like to set background here:
http://d.pr/i/hadv

If Yes, You need to add !important. Right now I don't see any changes in override.css.

Correct me if I'm wrong... You would like to set background here:
http://d.pr/i/hadv

If Yes, You need to add !important. Right now I don't see any changes in override.css.

Not on that block. I am talking about the one under (News Show). The picture on the right, the brass instruments, has a text but that text is not readable as it is white. If you can see, all the bottom modules have an opaque background where the text is. That is the effect I want to achieve.

Ooops! I meant the picture on the left!

Oh, this white text that I havent seen it, because it is almost invisible

Code: Select all

.overlayblack .nspArt .nspHeader, .overlaywhite .nspArt .nspHeader {background: rgba(0, 0, 0, 0.6)}


Oh, this white text that I havent seen it, because it is almost invisible

Code: Select all

.overlayblack .nspArt .nspHeader, .overlaywhite .nspArt .nspHeader {background: rgba(0, 0, 0, 0.6)}


Yeeeah, I wish I had your brain. Life would have been a lot easier. That worked:-))

I use chrome developer tools to inspect elements - and it shows exactly how You can address particular element... You could also use FireBug for firefox - does the same thing... Or ask a question on forum and I will help You .

I use chrome developer tools to inspect elements - and it shows exactly how You can address particular element... You could also use FireBug for firefox - does the same thing... Or ask a question on forum and I will help You .

I think I will have to use FireBug more often. I appreciate your tremendous help!