Text shadow elements header

Hi there,

we can use some CSS to target that content. So lets first off add an Elements Class to the hero.
e.g text-shadow

then add this CSS:

.text-shadow .inside-page-hero {
    text-shadow: 1px 2px 5px rgba(0,0,0,0.8);
}

Then you could either change the above properties or for different use cases create another class
e.g content-background

and add this CSS:

.content-background .inside-page-hero {
    padding: 2%;
    background-color: rgba(0,0,0,0.3);
} 

If of course you want all the heroes to be the same you could just use:

.inside-page-hero {
    add your styles here
}

Thats f...awesome! You made me love CSS :-)

Thanks again David!

Goran

Haha that's awesome to hear :) Glad to be of help.