header image overlay opacity

Home Forums Reykjavik header image overlay opacity

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #18506

    oakhillman
    Participant

    header image overlay opacity

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Oliver,

    I found the CSS to completely remove the overlay on the header image and that works fine, but is there a way to change the opacity of the overlay?

    Thanks,
    Mark

    #18507

    Oliver Juhas
    Keymaster

    Hi Mark,

    Here is the default CSS, please adapt it to your needs in your custom CSS:

    .intro-special .wp-custom-header::before {
    	background-color: rgba(0,0,0, 0.6);
    }

    To find out the styles you need to override in the theme, please try using your browser code inspector.

    Best regards,

    Oliver Juhas
    WebMan Design

    #18516

    oakhillman
    Participant

    Oliver,

    The CSS you provided works perfectly. I wanted to lighten the opacity just a touch so changed the default 0.6 to 0.4.

    Thank you so much!

    Mark

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.