Elements not lined up over 2 rows when using half/half split

[aimeandalex]

I have a couple of rows on a page that contain 2 elements, both 1/2 sized, however the centre seam doesn’t line up – they’re 30px out (in purple on screenshot). I’ve checked everything and can’t find any rogue padding or margins. These same rows also have slithers of background either side of the images (in green on screenshot) which I’d like to get rid of.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

.spb_image {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

-Rui

[aimeandalex]

Thanks Rui – worked a treat. I had the same issue using the image banner element but used pretty much the same code (in case anyone else has this issue)

.spb_image_banner {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

[Rui Guerreiro – SUPPORT]

Great. Thanks for sharing.

-Rui

[aimeandalex]

Thanks Rui – worked a treat. I had the same issue using image banners but added this code (in case anyone else has the same issue)

.spb_image_banner {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

[Rui Guerreiro – SUPPORT]

ok. Thanks.

-Rui