Shopify themes, liquid, logos, and UX
Good evening, can anyone tell me how to adapt a background image inserted into a section in the Shopify Dawn theme, in CSS? Because once inserted the image appears "enlarged" while I would like it to adapt to the proportions of the container itself.
I insert this code: > * { background: url("Image URL") !important; }
but then I no longer know how to adapt everything.
Thanks in advance.
you can add this property to the image :
background-size: cover;
Hi @Luca93
Try to add this one.
background-size: cover;
background-repeat: no-repeat;
Or
background-size: contain;
background-repeat: no-repeat;
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
I tried, but it doesn't work
User | RANK |
---|---|
194 | |
178 | |
84 | |
57 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023