Tagged: background image, color section, grid row
Hi
I was asking regarding adding a background image in a Grid Row earlier today but the topic already has been closed as I thought I figured it out…
The topic is the following:
https://kriesi.at/support/topic/split-screen-within-colour-section/
My additional question is:
When I manually via css attach the background image in the grid row it stretches it differently to when I do it via Avia Template Builder and set it to “stretch to fit”.
Is there a way I could add this via css?
If you’d like to see the difference I added the colour section again at the bottom of the page:
drminyeo.com.au
Thanks so much.
Corina
Hey Corina,
You can apply the background-size cover or contain property to preserve the pixel aspect ratio. – To learn more about this rule, check here: https://developer.mozilla.org/en/docs/Web/CSS/background-size
Best regards,
John Torvik
Thank You John… awesome.
Have a lovely day.
Corina