Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 29, 2015 at 4:48 pm #526961
    fanlokbun

    In order to make the text stand out over the images in the top color section I am using this css

    /* Text shadow */
.av-special-heading {text-shadow: 0px 1px 1px #000000 !important;}

    The problem is it gives a shadow to all heading text making them look fuzzy on white. Is there a way of just applying it to the heading text over the images in the color setcion?
    You can see it here – http://www.motcombegrange.co.uk/

    October 29, 2015 at 4:49 pm #526962
    Elliott

    Hi fanlokbun!

    Give your color section a custom ID such as “myID” in the shortcode settings and then use your CSS like so.

    #myID .av-special-heading {text-shadow: 0px 1px 1px #000000 !important;}

    Regards,
    Elliott

    October 29, 2015 at 5:24 pm #527000
    fanlokbun

    Thanks Elliott perfect solution. However I must be getting something wrong.
    I put robHeader in the top color section ‘For Developers: Section ID’
    and have
    #robHeader .av-special-heading {text-shadow: 0px 1px 1px #000000 !important;}
    as my quick css but the shadow is not showing.
    Any ideas?
    this is my test page:http://thedorsetgamelarder.co.uk/about2/
    Thanks
    Rob

    October 29, 2015 at 5:47 pm #527037
    Elliott

    Hi!

    Your actually using “robheader” instead of “robHeader”. It’s case sensitive so make sure to capitalize the H.

    Best regards,
    Elliott

    October 29, 2015 at 5:58 pm #527053
    fanlokbun

    Of course! What a plonker! Sorry and thanks.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header shadow’ is closed to new replies.