-
Posts
-
Hi team, working on a new site. I need help centering an element within a column. Here is the page:
Below the “come visit our state of the art” headline, there are two columns side by side. The one the right has a map, and is centered within its column. The one on the left has the address and hours of the shop, but isn’t centered within its column. I was hoping you could help me center it.
The login is in the PC. Thank you so much!
Hi Dzimnikov,
You cannot center it because the box is basically the whole column, what you can do is to move the column to the right to make it visually centered.
Try adding this CSS code in Enfold > General Styling > Quick CSS:#comevisitcolumn { position: relative; left: 120px; }just adjust the left value as you see fit.
Best regards,
NikkoHey, thank you so much, this helped a lot.
Another quick question. On that same homepage, I have a section towards the bottom that has a customer letter (starts with “dear customer’). I’m using a custom h2 I set up in “advanced styling”, but for some reason no matter which font I select, it makes all of the letters capitals. I use the same font throughout the site, using h3, and I never get this problem. Is h2 preset to always be capital?
How does this work?
Thanks,
-DanielHi Daniel,
Yes, it’s been predefined in layout.css.
I have changed it on your site by adding this CSS code in Enfold > General Styling > Quick CSS:.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: inherit; }Please review your site.
Best regards,
Nikkobut btw. what do you expect from a 2/5 – 3/5 column layout?
why not using a 1/2 – 1/2 layout?I’m pretty sure I’ve changed it to 1/2 – 1/2 since then. It wasn’t centering either way, so I had it at 2/5 – 3/5 at that moment for wtvr reason until I was able to get that code from yall.
It all works now though, appreciate the help greatly :)
- The topic ‘Centering an Element within a column on the homepage’ is closed to new replies.