Docs

[tylervarian]

Hi. I put 10 images into Essential Grid (5 up and 5 down) but I lost the image quality. All of the images got “soft”. So I simply set up 5 up and 5 down Images in Cornerstone. The image quality is great and using CLASS I put in “man” into each of the top row images. This immediately attached each image to the one directly on top of it – Also great! However, I can not get rid of the spaces to either side of the images.

Please take a look (very bottom of the page). Thanks so much!

http://69.195.124.107/~tudiofi8/#welcome

[tylervarian]

p.s. I selected:
Column Container: OFF
Marginless Columns: ON

And it looks great in Cornerstone (all edges touching) however, on the actual site the edges are still not touching.

Thanks again!

[Rad]

Hi there,

Thanks for posting in.

Marginless works, but it doesn’t mean that the content will automatically fit itself especially small images.

I don’t see any Essential Grid, they are just columns with the image. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.home #x-section-17 .x-img {
width: 100%;
}

You don’t need this at all if you’ll upload large images. Large images scale down to fit in, but small images will not scale up, else, it will become blurry.

And please remove the padding you added to the section. There is left padding of 20px;

Thanks!

[tylervarian]

Thank you soooo much!!

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts