Background image on larger than 1500px

[texaskiwi13]

Hi team,

I’ve created some doodle line background images for some of the sections on my site that have parallax turned on. I’ve played with them enough that they look pretty good across all screen sizes. The problem is once a screen is larger than 1500px, it appears as though the doodles begin in the middle of the page and it doesn’t look good. I’m wondering if:

1. can I target a change on the “object fit” and/or “position” on a given section’s background image once a screen size reaches 1500px or larger ? If so, how?

2. Can I target the background image on a given section once the screen size reaches 1500px or larger so that the background image no longer displays?

Thanks,
Ashley

[ruenel]

Hello Ashley,

Thanks for writing in!

Your background image size is 1800x1013 pixels. You have positioned it to the center and the background size is set to contain.

1.) You will have to use custom CSS to be able to change the position of the image and the background-size as well. Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page.
Check out this video demonstration:
https://www.youtube.com/watch?v=EY3CCMWD67o

2.) You can use the Section ID to target the background image of that particular section.

Be advised that custom CSS coding is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Kindly let us know how it goes.