Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #526961

    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/

    #526962

    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

    #527000

    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

    #527037

    Hi!

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

    Best regards,
    Elliott

    #527053

    Of course! What a plonker! Sorry and thanks.

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