Background image on Ethos only showing on Safari

Support
#1

Hi,
I am trying to put an background image on a single page on Ethos. It only shows up in Safari. It’s just the white background on Firefox and Chrome. Please can you help. Thanks

#2

Hello @sarahlouisewaterhouse

Thanks for writing to us.

In order to help you with your concern, please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin level username and password

You can find the Secure Note button at the bottom of your posts

secure-note
secure-note1040×250 15.3 KB

Thanks

#3

Hi, details added to the secure note. Thanks

#4

Hello @sarahlouisewaterhouse,

Thanks for writing in! In the Ethos stack, a white background-color was set behind the content area by default. This is how ethos is being designed and it seems that in Safari, it is not reflected. To display your image background, you need to add CSS code into X > Theme Options > CSS.

.x-container.main:not(.x-row):not(.x-grid):before {
    background-color: transparent;
}

Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Regards.

#5

Thanks so much.

#6

You are most welcome @sarahlouisewaterhouse

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.