Make images in column fill complete container

Support
#1

Hi there,

I have rows on this page split into two halves (http://77d5efd8c3.url-de-test.ws/x/#/content/130)

On one half I have an image displayed, however it doesn’t fill the whole container. I don’t want the image to be distorted (stretched, etc.) but to zoom in so the image fills the whole container. Is it possible to do this?

Thank you!
Steph

#2

Hi There,

Please provide the URL of the page and not from the Cornerstone builder in order that we can take a closer look.

Thank you!

#3

Sorry, here it is:
http://77d5efd8c3.url-de-test.ws/power-pitch-3/

#4

Hi There,

That is possible if you apply the image as the background-image of the column. You can use the inline style below on your column’s STYLE field.

background-image: url(IMAGE URL HERE);

Replace the IMAGE URL HERE with your actual image URL.

Thanks,

#5

Hi there,

That doesn’t seem to work. Is there another option?

#6

Hi again,

Please add the following code in your Customizer:

.x-img, a.x-img>img {
    margin: 0;
    width: 100%;
}

Let us know how this goes!