How to add a text shadow effect in intro slideshow headlines

The white description text used for each slide in the frontpage (using Image Show GK) is not so clear due to the the image behind it.

It would be better to get a shadow effect on the text to solve this.

Is this possible?

You could use css3 drop shadow on:
.gkIsWrapper-gk_creativity .figcaption h1
.gkIsWrapper-gk_creativity .figcaption h2

Could you please give me hints on how to implement this?

As Cyberek said above, this can be accomplished with the addition of CSS rules. I did this exact thing for the same reason on our latest site using the creativity template: http://chriswramsey.com

If you are not familiar with CSS for text shadows, you can read up here: http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

You can add the style rules to the template style sheet which can be accessed via the template manager (or download and edit via ftp).

You can use:
http://css3generator.com/
to generate the declarations, and just put them iside override.css (enable it first in tempalte settings), so they look this way:

Code: Select all

.gkIsWrapper-gk_creativity .figcaption h1 {text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);}
.gkIsWrapper-gk_creativity .figcaption h2 {text-shadow: 1px 1px 2px #000000;
        filter: dropshadow(color=#000000, offx=1, offy=1);}


(its just a sample of settings).

PS, never modify template stylesheet files, always use override.css.
For creativity template it is located in:
/templates/gk_creativity/css/override.css

You can use:
http://css3generator.com/

Oh, that's sweet, I hadn't seen that generator before... Very nice tool!

Thanks for the link

Great, it worked!
Thank you for very good support

this generator is the only "all in one place" i have found. its laggy sometimes, but saves a lot of time.