Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 27, 2015 at 5:57 am #435020
    tobuff85

    I need help with how to add text drop shadow to a tag such as H1.

    I currently have a “color section” that has a parallax background picture and the text can be hard to read when the color contrast is low. I’d like to add text drop shadow to the “special heading” text that layers on top of that picture. Can you please help with how to do this. Thank you very much.

    April 27, 2015 at 8:39 pm #435594
    Elliott

    Hey tobuff85!

    Give your section an ID and then add this to your custom CSS.

    #yourID h1 { text-shadow: 0px 0px 5px black !important; }

    Cheers!
    Elliott

    April 27, 2015 at 9:37 pm #435654
    tobuff85

    I added the made up ID “TextShadow” in the “For Developers: Section ID” field of the “color section” of my page and ..

    ” #TextShadow h1 { text-shadow: 0px 0px 5px black !important; } ” in the Enfold > custom.css file.

    I’m still not seeing a drop shadow. Any idea why? If you check the demo link it’s the “coaching staff” heading that should be.
    http://evolvematclub.com/about/

    April 28, 2015 at 10:42 am #435898
    Rikard

    Hi!

    Could you try to add it to Quick CSS under Enfold–>General Styling to see if it works better from there?

    Cheers!
    Rikard

    April 28, 2015 at 4:32 pm #436161
    tobuff85

    Bummer!

    I tried adding it to the “quick CSS” as well and have got no results. Any other suggestions or ideas? I greatly appreciate the help!

    April 29, 2015 at 7:30 am #436522
    Rikard

    Hi!

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Cheers!
    Rikard

    April 29, 2015 at 5:26 pm #436865
    tobuff85
    This reply has been marked as private.
    April 30, 2015 at 10:54 am #437305
    Rikard

    Hi!

    Thanks for the login, I added the following code and it’s working now: 

    #textshadow .av-special-heading-tag {
text-shadow: 0px 0px 5px black !important;
}

    Regards,
    Rikard

    April 30, 2015 at 8:30 pm #437760
    tobuff85

    Perfect, thank you very much! I can’t say enough about this customer support!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How to add text drop shadow to a tag such as H1’ is closed to new replies.