Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #545893

    Hi,

    I’m using the following CSS to add a drop shadow to a special heading

    #textshadow .av-special-heading-tag {
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    }

    which targets a custom ID in a colour section.

    I want to apply a similar text shadow to the sub header of that special heading. What do I target for that?

    Thanks
    Phil

    #545898

    Hi philthebass!

    Please try changing the code to following one

    #textshadow .av-special-heading-tag,#textshadow .av-special-heading-tag * {
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    }

    Best regards,
    Yigit

    #545905

    Thanks Yingit.

    I’ve tried that but the subheader isn’t accepting the shadow. See grab. http://screencast.com/t/PY8sKxZ01E

    I’ve added the !important; parameter as well, and nothing

    #textshadow .av-special-heading-tag,#textshadow .av-special-heading-tag * {
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3) !important;
    }

    #545910

    Hi!

    Can you please post the link to your page?

    Regards,
    Yigit

    #545939

    Hi Yingit,

    See private section.

    Thanks

    Phil

    #545942

    Hey!

    Please use the code as following

    #textshadow .av-subheading.av-subheading_below {
        text-shadow: 2px 4px 3px rgba(0,0,0,0.3) !important;
        opacity: 1;
    }

    Opacity is not set to 1 by default. If you would like it to keep it how it currently is, please remove “opacity: 1;” line

    Regards,
    Yigit

    #545950

    That works perfectly. Thanks Yingit.

    #545952

    Hi!

    You are welcome PhilTheBass! Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sub Heading Text Shadow’ is closed to new replies.