How to add drop shadow to only heading/banner text

Hi, I would like to give just the banner text/heading a drop shadow. How would I do this with CSS? Thank you.

When you look at it on mobile, it's difficult to read a few letters because it blends in with the iPhone screen.

my site is: www.yowlitapp.com/

Target the description wrapper class and p element like this:

.desc-wrapper p {
 text-shadow: 1px 1px 1px #000;
}

Custom CSS Editor: http://help.squarespace.com/guides/using-the-css-editor

Reference: http://css-tricks.com/almanac/properties/t/text-shadow/

Thank you! Is there a way to not do it on the button link but only on the headers?

Is there a code to do outline instead of drop shadow as well? Appreciate it, thank you so much.

Try the CSS id '#yui317211406143415153265' instead of the '.desc-wrapper p'Here's how I found it by inspecting the CSS element:

I am using the bedford template and managed to do this for just the title of my blog postings with the following code:

.post-title { text-shadow: 2px 4px 3px rgba(0,0,0,0.5);}

You can see how it looks at www.sayazuworld.com

I'm using the Five template and got it to work using:

.logo-subtitle{ text-shadow: 2px 2px 2px rgba(255, 255, 255, .9); }

Wondering if anyone knows how to also do this for an image with a transparent background? Would like to add drop shadow to that as well...