Applying CSS to a background image of a section

[blog42]

Hello
I am trying to add the following CSS to the upper background image of a section, however I don’t know how to target the element.

.(the section’s background image) {
background-size:cover;
background-repeat:no-repeat;
min-height:1000px;
margin: 0 bottom;
max-height: 2500px;
max-width: auto;
}

Where do I start looking for the section’s class/id?

[jade]

Hi Robert,

You can make use of the Background Upper options to set the background size and background repeat option to the background:

As for the other values, you may make use of the Element CSS of the section and add this code to the Element CSS:

$el .x-bg .x-bg-layer-upper-image {
  min-height:1000px;
  margin: 0;
  max-height: 2500px;
  max-width: auto;
}

Element CSS | Themeco Docs

Hope this helps.

[blog42]

Yup, that helped. Thanks a lot, Jade!

[nabeel]

Glad we could help.

Cheers!