Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

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/

Edited by findavincent
Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

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

Link to post
  • 0

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...

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...