How to center column within row

[skpacific]

Hey guys,

I just had a bug showing up recently and I am not able to solve it for some reason. It is quite a simple problem in fact. I have a column that is 3/4 size that I want to center in a row. Since I did an update yesterday, the column is not centered in the row anymore.

Here’s a screenshot of how it’s built in the page builder (screenshot#1) and the current way it is displaying on the website (screenshot #2). I’ve tried to solve the problem with margin:auto without success.

Is also seems that vertical alignment is not working anymore for some pages (attached screenshot #3)

I’ve included access to our dashboard. The page is the “Apply” page and we also have the tuition payment page that is also broken since it was built the same way.

Thanks so much for your help, this is very important part of our business and looks a bit sloppy right now!

Cheers,
Sam

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Please add a blank spacer asset either side of the asset:

2) Regarding your screenshot, I am not sure I 100% understand. – The vertical alignment seems correct? What am I missing?

[skpacific]

Hey Martin,

Thanks for the heads up on the blank spacer, I thought it could look weird on mobile but worked quite well actually! Thanks for that.

However, vertical alignment doesnt seem to work since I’ve made an update this week.

Any idea why that is?

Attached are 2 screenshots showing that the div on the right is not vertically aligned with the div on the left.

The page is : https://www.careerup.com/internships/international-business-internships-abroad/

Cheers

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

I fine tuned that with a 10% margin on the top text asset.

Thanks.