Last column of row dropping onto new line

[Martin CogleyParticipant]

Hi,

Just struggling with a page design here…. Nifty Photo Test Page

I intend to have a row with three columns that have spaces in-between. I have almost managed this by using margin padding on the three columns in the row but for some reason the last box is falling onto a new line underneath and I can’t see a way around it. Frustrating! 🙂

As you’ll see further down the page my initial thought was to do away with the column spaces but I think it looks way better to have the item spaced out so the full screen background can be seen.

Many thanks

Martin

[Tom ( Support)Keymaster]

Hi Martin,

I see what you are trying to do but if you add padding or a margin to elements within a row, they will push out further than the origional size so one will drop onto a new line. Think of it as if you are trying to cram 3 blocks into a box that don’t fit, one has to go.

Try using the Styled boxes within Visual Composer instead as these have a margin and padding set on them already.

Hope this helps.
Tom

[Author]

Posts