Hi,
I’m trying to add a background to the header and footer, but my header is transparent (although it’s not set as such). I’m not able to remove the transparency and add a custom background image, although I’ve used custom CSS to do so.
Hi Simon,
I’m not sure if I understood the issue.
The current background color of your header is white and when scrolled set to transparent, can you elaborate more on what you wanted to achieve?
Best regards,
Nikko
Hi Nikko!
Thanks for your reply – sorry not to have been clearer! I’m trying to add a background image against the white background. This *was* working, with the image uploaded to the Media Library and linked via the Header styling tab, but two issues prevail:-
1. The background shows as white without the png image overlay, which I had before.
2. It’s transparent when scrolled, although I’ve not chosen this option on the specific page or in header options.
Hope that helps!
Hi Simon,
1. The background image overlay isn’t showing because this code is wrong:
*#header #footer {
background-image: url("https://gator4073.temp.domains/~cquirk/wp-content/uploads/2019/06/Quirk-Global-Strategies-grid.png") !important;}
I have change it with:
#header, #footer {
background-image: url("https://gator4073.temp.domains/~cquirk/wp-content/uploads/2019/06/Quirk-Global-Strategies-grid.png") !important;
background-color: white;
}
2. The code change should fix it as well.
Let us know if you need further assistance.
Best regards,
Nikko