This topic has 6 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp
Hi, silly question, but I have tried everything. I cannot get the black background to switch to an image on my site. The goal would be for the content block to remain black, and the site background to be an image.
If you inspect element on the background, the image is there, but is being covered by black? There is nothing I can see in the code or elsewhere that explains why/how this would be.
Help please!
Hello,
Add this code in custom.css file:
.st-content {
background-image: url("https://waldanwatches.com/wp-content/uploads/2015/01/Waldan-Web-BG.jpg") !important;
}
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).
Best regards,
Jack Richardson.
Hi Jack,
Sorry for the delay. This did not work. I am very confused how you can click the background and view it, but visually it comes up black.
Hello,
I’ve disabled the plugin “JCH Optimize” which caused the issue. Now background is shown. Also add this code to make header transparent:
.main-header > .container {
background: transparent;
}
Regards,
Eva Kemp.
Actually, is there a way to keep the content wrapper black?
Hello,
Please use this css code:
.content-page, .menu-wrapper .container {
background-color: black;
}
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up