Horizontal and vertical centering within section

Support
#1

Hey there,

I’d like to center the elements within their respective columns in my last section (getapp) but I’m having some issues. I’m not able to center the raw content/text content containing raw code at all, and I can’t center anything vertically. I tried a couple different methods I know but no luck.

Thanks for the help!

#2

Hi there,

Thanks for writing around! You can activate the margin-less columns by inspecting your section’s row and add the following code in column’s Inline CSS field but make sure to add the inline CSS to both of your columns.

vertical-align: middle !important; text-align: center;

Hope this helps!

#3

Thanks for the reply - it helped with the text but unfortunately not with the buttons (it’s apparent on small screen view).

#4

Hey @Lerf,

Your buttons are actually the ones that are centered. Your text is not vertically centered because you used a heading tag and heading tags has a top and bottom margin out of the box. To fix, please add margin:0 to the h3 tag.

Hope that helps.

#5

Hey,

Thanks, that’s fine but I meant that the buttons aren’t horizontally centered in their columns:

#6

Hi There,

Please add to Cornersotone > CSS

.cs-ta-center {
    margin: auto;
}

Hope it helps!

#7

I added it to a new class so it doesn’t mess up the rest of the text on the site, but it did solve the problem :slight_smile: Thanks a lot!!

#8

Glad to hear it :slight_smile:

#9

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