How to get a shadow effect on K2 item text

If you look at this website (http://gaiatellus.org/) you will see that the text will "disappear" in the background picture. I would like to know if it could be possible to add a shadow effect on only the first page (using a K2 item).

Is this possible?

With use of page suffix:
http://www.gavick.com/documentation/gen ... et-layout/
and css text shadow:
http://css-tricks.com/snippets/css/css-text-shadow/

Great! So I have now created a suffix called "welcome" and added to the override.css the following code:

Code: Select all

.welcome #gkMainbody {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

But now I would like to add the text-shadow-effect for this page. Please give me an example code based on the above on how to accomplish this.

You can try this way:

Code: Select all

.welcome #gkMainbody .itemFullText {text-shadow: 1px 1px 1px #000;}


You can try this way:

Code: Select all

.welcome #gkMainbody .itemFullText {text-shadow: 1px 1px 1px #000;}


Works wonderfully
Thank you for good support!

Is there anything else I can help you with on this topic?

Is there anything else I can help you with on this topic?

Well, actually the shadow effect is not working anymore. The code is untouched in the override.css. Can you please check it out again to see what could cause it?

You have edited the module and moved some part to intro text, now the selector doesn't work.

Code: Select all

.welcome #gkMainbody .itemFullText,
.welcome #gkMainbody itemIntroText {text-shadow: 1px 1px 1px #000;}


Above one should work fine.

Thanks! All works fins now!