Formatting colums after adding links

Support
#1

Hi, I have just added links to some columns with javascript according to a post I found on the forum. Unfortunately, it has messed with my formatting and pushed my columns to the left. I have tried this code in my custom css:
.no-touchevents .health,
.no-touchevents .wellbeing,
.no-touchevents .life,
.no-touchevents .recipes
{
margin-right: 4%;
}

But it hasn’t worked. Are you please able to suggest anything?

Thank you
Jane

#2

Hi Jane,

Thank you for writing in, the last column should not have a margin. Please remove the last comma , and the .no-touchevents .recipes on your CSS code.

Set the left and right margin of the ROW to auto, to center those columns.

Hope it helps,
Cheers!

#3

OMG that’s awesome. Thank you!

#4

We’re happy to assist you with this today. :slight_smile:

Cheers!

#5

Whoops! spoke a little soon, somehow the last column is out of alignment. I am sure it worked then something changed. Sorry, I know this is trivial but I have tried everything.

Thank you
Jane

#6

Hi Jane,

The ROW’s right margin is set to 0. You need to reset that back to auto (https://prnt.sc/hnpn0r).

Thanks,

#7

Hi, I’m sorry but that last column is just not playing nice!

Jane

#8

Hi Jane,

It’s still showing 0.

Please set the left and right margin of your row to auto.

#9

Hi, I am still having problems. I am sure I have the right and left margin set at auto. The reason I am doing this is, I changed to the new elements and it was a mess so am changing back. Please tell me if I am setting the wrong element to auto. I took the column container off and the last column lined up nicely but then they weren’t centred so put it back on. Now they are not centred or lined up. If it is not able to be done that is okay I can just link the individual elements.

Thank you
Jane

#10

Hi Jane,

The columns now are lined up and center on my end (https://prnt.sc/ho3cpz).

Yes, please continue using the classic section (your old section) in that area since the new section does not work with the JS script you’ve added to linked a column.

If you turn off the column container and the column content get misaligned. Please set the ROW text-align to center (https://prnt.sc/ho3im2)

Thanks,

#11

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