Background image CSS

[TristanP]

My section background image looks great on mobile, but I need to move and resize it for larger screens.
With the inspector i can make it do exactly what i want by manipulating this

But when i use that as custom CSS it does not work?

[prakash_s]

Hello @Tristanarkesteijn,

Thanks for writing to us.

Would you mind sharing your exact page URL so that we can check it on our end and guide you properly?

Thanks

[TristanP]

Hi there! I have added it in a secure note above. Please do not share this URL publicly in the forum.

[prakash_s]

Hello @Tristanarkesteijn,

I checked your background image it seems that it is rendering fine on my end. I have tested it in the Google Chrome browser version 124.0.6367.208. I would suggest you please clear your browser cache and recheck it.

Thanks

[TristanP]

Hi @prakash_s yes, it is showing. Maybe i did not explain it properly.

I want to use CSS to change the image’s position on laptop and larger screens.

If I change the CSS in the inspector pane, i can manipulate it to make it look the way i want it to, but when i copy that css over to the custom css section for the page, it has no effect (adding ! important doesn’t fix it).

So i am wondering what to do next.

[prakash_s]

Hello @TristanP,

You need to select the correct CSS selector, I would suggest you please add the element CSS code. Use this CSS selector $el .x-bg .x-bg-layer-upper-img img{ }

Hope it helps
Thanks