Block grid image spacing

Support
#1

On the bottom of the page, please see the single row block grid with 2 images.

Why is the right image being reduced in size? Both images are the same pixel dimensions. I want some margin between the two images, as there is now, but without the size reduction.

Thanks. :slight_smile:

#2

Hi There,

Thank you for writing in, that is because of the left padding you applied on class cramaro-image-2

.cramaro-image-2 {
    padding-left: 25px !important;
}

Please remove that and apply a left margin instead.

.x-block-grid>li.x-block-grid-item.cramaro-image-2 {
	margin-left: 25px !important;
}

Hope it helps,
Cheers!

#3

That worked perfectly, thanks so much. :slight_smile:

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.