Grey Opacity on Header-Image

Home Forums Icelander Grey Opacity on Header-Image

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


    Grey Opacity on Header-Image


    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 →


    First things first: I really love your Icelander theme! :)
    I create a website for a charity and they don’t want a grey gleam on their header-image. You can see it on the main page that blue sky (and everything else) becomes grey(-ish). I’ve looked through the documentation, the support forum and the internet itself but haven’t found a clou to get rid of it.
    I’m only able to find the background opacity slider for the footer.

    Thanks in advance,
    Ruben :)


    Oliver Juhas

    Hi Ruben,

    Thank you, I’m glad you like the theme :)

    If you mean you need to get rid of the dark overlay of the homepage intro section, you can do so using custom CSS:

    .intro-special .wp-custom-header::before {
    	display: none;

    However, this will make the intro text quite unreadable. Maybe you want to apply some more custom CSS to fix this too, something like:

    .intro-special .intro .intro-title {
    	font-weight: 700;
    	text-shadow: 0 0 1px #fff;
    	color: #000;

    Please try to use your browser code inspector to determine the CSS styles you need to apply to modify the theme.

    Best regards,

    Oliver Juhas
    WebMan Design



    Hi :)

    Thank you very much!
    It worked perfectly fine :)

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

You must be logged in to reply to this topic.