I’m trying to get an image on my page to display full width (I have it full width in 50% of a 2 column layout), but I can’t figure out how to have it not scale the image size down. It looks like it’s forcing width: calc(50% – ( 0.5 * 30px )), but I want the image to be 100%.
The section I’m talking about is on https://evergreenpaws.com/ and the image is mid-way down the page to the right of ‘Dog Walking & Home Visits’.
I’d also like to do the same thing with the image below it, so the bottom left corner of the top image and the top right corner of the bottom image touch.
Thanks for your help
Hi Eric
Thanks for reaching out.
To get the image corners to touch you’d need to edit the first row, set the Bottom Margin and Gutter to
0
. In the second row, set the Gutter to0
. Padding would then need to be added directly to each of the non-image widgets.That did it, thank you!!
Super, glad to hear you’re making progress.
If questions arise in the future, please, let us know.
Cheers for now :)