Return to previous page

Can't get background image to show - by BLenihan

This topic has 6 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp

BLenihan

Participant

July 30, 2015 at 20:14

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!

#77924 Copied Theme version: 1.7 WooCommerce version: 2.3.13

5 Answers
Jack Richardson

Support staff

July 31, 2015 at 08:55
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.
#77944 Copied
BLenihan

Participant

August 14, 2015 at 17:13

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.

#80140 Copied
Eva Kemp

Support staff

August 14, 2015 at 18:23
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.
#80161 Copied
BLenihan

Participant

August 14, 2015 at 18:25

Actually, is there a way to keep the content wrapper black?

#80162 Copied
Eva Kemp

Support staff

August 14, 2015 at 18:30
Hello,

Please use this css code:
```
.content-page, .menu-wrapper .container {
  background-color: black;
}
```
Regards,
Eva Kemp.
#80166 Copied
Viewing 6 results - 1 through 6 (of 6 total)