Centering Columns - Post ID 257138

User 2806889 Photo


Registered User
64 posts

Using the Tea template, I would like to center 6 text links evenly horizontally above 8 columns. Any suggestions on this? I can't figure out a resolution to this. Thanks.
User 232214 Photo


COO
827 posts

Adding a row with 6 columns above the row of 8 columns and centering the text links in each column (set the margin left and right to auto) should do what you want...if I am understanding correctly what you want to achieve that is...
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2806889 Photo


Registered User
64 posts

If I understand correctly, you are saying that if I center the 6 text links in the 6 columns and set the left/right margins to auto that R&D will center this row over the 8 column row. I will try that this evening. Thank you for your time.
User 2806889 Photo


Registered User
64 posts

I tried (at least I think I did) do what you recommended but I could not get it to work correctly. This is the best that I was able to do. I've uploaded it to hurtclan.net. I have 1 column with a span of 8 and 6 text links. I'm still not sure how to evenly space them across the top.
User 232214 Photo


COO
827 posts

Ok, the link helps :P

Here are the steps::

1. For the nav-links remove the float (click on the X) and change display to 'inline-block. Both things can be done in the Position section of the Design pane;
2. For the column with the nav-links, set text-align to center. This can be done on the Typography section.

Let me know if that works for you!
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2806889 Photo


Registered User
64 posts

That is exactly what I was trying to do. Thank you so much for your help! It is support like this that makes me a lifelong customer.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.