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

How to add drop shadow to only heading/banner text

Question

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

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

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.

Share this post


Link to post
  • 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

Share this post


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

Share this post


Link to post

Create an account or sign in to comment

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

Sign in to follow this  

×
×
  • Create New...