Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 24, 2017 at 9:23 pm #812524
    vadikcoma

    Hello, is there a way to add CSS shadow to text in the header of the page across all site? Or as an alternative option – dark overlay on top of header image – http://tylo.comadev.noc.lv/akvaparki/

    Print screen – https://www.dropbox.com/s/4krje4i9nxh7kk8/shadow.JPG?dl=0

    June 24, 2017 at 9:39 pm #812531
    Mike

    Hey vadikcoma,
    This code adds the shadow, but it’s hard to see with some dark images:

    .av-special-heading-h1 {text-shadow: 2px 2px #000!important; }

    This code adds a background to the text:

    .av-special-heading-h1 {background: rgba(0, 0, 0, 0.5)!important; }

    Best regards,
    Mike

    June 25, 2017 at 10:39 am #812630
    Lexa_Dryke

    Hi there,
    Is there a way to add a shadow on the title only, not the subtitle ?
    Best
    Lex

    June 25, 2017 at 1:01 pm #812651
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .av-special-heading-tag {background: rgba(0, 0, 0, 0.5)!important; }

    Best regards,
    Mike

    June 25, 2017 at 1:04 pm #812653
    vadikcoma

    Thank you, Mike!

    June 25, 2017 at 1:16 pm #812656
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add CSS shadow to headings’ is closed to new replies.