Center the content of a wrap / section

wing333 · July 2020

How can I center the content of a section or wrap ? I have these two columns and want to center them, without adding two more columns.

wing333 · July 2020

wing333 · July 2020

can't see the image but when I edit it's there. Let me know if you can see it allright?

Pablo · July 2020

Hello,

It depends what you have in column, but usually you can insert a little bit padding on left and right and use the text-align on center.

What exactly you inserted into the column item?

Thanks

wing333 · July 2020

I have two columns next to each other, containing normal text content. I can't use centered text, I want the two columns to be shown centered.

If I use two 1/6 placeholders left and right with two 1/3 columns, the columns become small very fast when when watching on a tablet for example. I'd rather have two 1/4 columns next to each other that are centered but there are no placeholders with 1/8 width.

Pablo · July 2020

Can you send me a link to your website?

I have to check some settings you provided into the theme.

Thanks

wing333 · July 2020

of course. vcog.studiowing.nl

Pablo · July 2020

You turned on the "Full Width" option for the section, when you want to have it always centered, you should avoid this option, when it will be limited to grid, then it will stick to the center

Thanks

wing333 · July 2020

but then there is no way to have a background full width then? Or is there another way for that?

Pablo · July 2020

If you will set the "Background Size" to "Cover", it will be always full width, even without "Full Width" option enabled.

Thanks

wing333 · July 2020

O wow, that would probably help! Gonna try that.

wing333 · July 2020

It is true the background is full width when selecting 'cover' but the two columns don't center if I switch off 'full width' on the section and delete my placeholders. They align left.

I need to move the second section up 150 pixels to cover the header photo so I can't use the background on the wrap because it doesn't contain that option.

If you look at my page, do you have an advice on the blocks and how I used your features or is this the only way to achieve this look?

Bryan · July 2020

You would have to send me a screenshot of how you would like it to look like because I do not quite understand what the issue is right now.

thanks

wing333 · July 2020

Easy, two columns centered with a full width background without having to use two placeholders.

Bryan · July 2020

Please use snag.gy or pasteboard.co to upload the image and attach a link. The one you did is not working.

The background for a section is always full width. So just create a section, insert two columns 1/2 and thats it.

thanks

Center the content of a wrap / section

Comments

This website uses cookies