Target background image with CSS

[claus]

Hello,

How do I target a specific section background image? I would like to adjust the background-size on mobile so it doesn’t interfer with the text, but the background image doesn’t have a unique id.

This is the site https://www.rakkerpak.nu/ and the section is this

[tristup]

Hi Claus,

Thanks for reaching out.
You need to add custom CSS to adjust the background image size. I would suggest you go through the following article.

CSS background-size property

How to change background image based on screen size, possibly with Bootstrap

Please remember that we don’t offer any support for custom CSS code and related issues. I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[claus]

Thanks. I’ll write the CSS, but where do I add custom CSS to the background image in Cornerstone? Can I give the background image a class somewhere in Cornerstone?

[tristup]

Hi Claus,

You can’t add any class to the background image but can add to the element where you have set the background image and then use the hierarchy selector using that class. And you can add the custom CSS code into the specific Page CSS or in Global CSS.

Hope it helps.
Thanks

[claus]

Thanks, I’ll give it a try

[tristup]

Hi Claus,

You are most welcome.