Opacity in Header Images

  • Author
    Posts
  • #160370

    gwmarta
    Member

    I updated the CSS to set a header image for all pages, when I show a featured image the header image has a dark opacity, which I would like, on pages without a featured image there is no opacity
    See the header image on About – https://rockdemo.wpcomstaging.com/about/ which is what I would like for the whole site
    On the contact page however, it’s just the regular image without the opacity change, I would like this to be like the About page https://rockdemo.wpcomstaging.com/contact-us/
    Thanks

    The blog I need help with is rockdemo.wpcomstaging.com.

    #160394

    tarasdashkevych
    Theme Author

    Hello,

    Please use this custom CSS if you want to have an overlay in the page header section which does not have a set Featured Image:

    
    .page-header:not(.has-featured-image) {
      box-shadow: inset 0 0 80px 80px rgba(0,0,0,0.3);
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #160602

    gwmarta
    Member

    perfect, thanks so much!

    #160631

    tarasdashkevych
    Theme Author

    You are welcome! :)

    Kind regards,
    Taras

The topic ‘Opacity in Header Images’ is closed to new replies.