Added space between columns

Support
#1

Hi there,

I have a row with 6 columns on my homepage - http://staging.dwanedigital.co.uk/

And as you can see there’s extra margin between the columns causing the layout to look weird. Any idea what’s causing the extra space that has been added?

Thanks

Ryan

#2

Hello Ryan,

Thanks for writing in!

Please be advised that each of the columns has a gap of 4% to separate the columns from each other. If you do not want this gap between them, please enable the “Marginless Columns” option which can be found in the row settings.

And lastly, align the contents of the columns that have the icons to the center so that you\ll have this kind of result:

Hope this helps.

#3

Hi RueNel,

Thanks for the reply, I was having hassle with this at different breakpoints so I have changed the design now. But this worked in the short term for me!

Thanks

#4

Glad it worked and you’re most welcome!

#5

Hi again,

I have just tried this on another one of my pages - http://staging.dwanedigital.co.uk/web-design/

But it seems to have made it worse?

#6

Hello Ryan,

All the icons were left align because that is the default alignment in each of the column. Please go to each of the column settings particularly those columns containing the icons and then set the alignment to the center so that you will have this result:

If you do not see the alignment option in the column settings, please provide us access to your site so that we can fix it for you. You can create a secure note and insert your WP credentials in your next reply. To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Best Regards.

#7

Hi RueNel,

Ahh okay, I understand. Apologies that was my own fault, I should have realised that.

Thanks!

#8

You’re welcome, Ryan.

#9

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