thicker text shadow

Discussion in 'CSS' started by sixrfan, Jul 5, 2011.

0
  1. #1
    on this site, please advise how i get the h2 class="featured title" in the main image to have a thicker black shadow???

    right now i have this CSS in place 
    .featured-title {text-shadow:1px 1px 15px #000;}
    Code (markup):
    but its just too blurry behind the white. i need it to be thicker to make the white stand out more against the background but i dont know how to go about it.

    please advise. thanks in advance!
     
    sixrfan, Jul 5, 2011 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Don't rely on CSS shadows to make text readable. A warning.

    You can make a shadow "thicker" by adding more of them.

    You already have this:
    text-shadow:1px 1px 15px #000;

    You can repeat that several times in a comma-separated list.
    .featured-title {
    text-shadow:1px 1px 15px #000, text-shadow:1px 1px 15px #000, text-shadow:1px 1px 15px #000, text-shadow:1px 1px 15px #000;
    }

    They should stack on top of each other and make the overall shadow look darker.
     
    Stomme poes, Jul 13, 2011 IP
    sixrfan likes this.