Header image

  • I have uploaded a logo for the banner on my website, but there is a grey layer over it which obscures the colours. How do I get rid of it? Also the height permitted for the background image in the banner is less than the 550 pixels it says the image can be. Why is this? The site can be seen at: https://e-access.co.uk/.

    The header seems to be controlled by the id ‘masthead’ but I can find this in none of the css or JavaScript files. Where is it defined? Thanks for your help.

Viewing 4 replies - 1 through 4 (of 4 total)

  • I believe you can remove the overlay here in your css around line 3540, hope this helps.

    .custom-header-image .site-header > .wrap::before {
	background-color: rgba(59,86,103,0.70);
}

    If you want no overlay remove rgba(59,86,103,0.70) and type none:

    .custom-header-image .site-header > .wrap::before {
	background-color: none;
}
    Thread Starter cyberium

    (@cyberium)

    Hi Will. Thanks for the advice. I tried it both in the main CSS file and in the edit.css file, but it did not work. I wonder if it might be something to do with this:

    pre {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear,0 0,0 100%,color-stop(.5,rgba(255,255,255,.5)),color-stop(.5,transparent),to(transparent));
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
    background-image: -moz-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
    background-image: -o-linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
    background-image: linear-gradient(rgba(255,255,255,.5) 50%,transparent 50%,transparent);
    }

    Thread Starter cyberium

    (@cyberium)

    Nope, I removed that and it made no diff. Will, do you have any further ideas please?

    Thread Starter cyberium

    (@cyberium)

    OK, solved. I added
    .custom-header-image .site-header > .wrap::before {
    background: none !important;
    opacity: 0;
    ]

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header image’ is closed to new replies.