Center column with align-left text

Good day. Is there (or not) a setting within X-Pro to center a column within a row, but make the text align-left within the column. For example, see below. This is the look I want, which I can do with padding. I’m just curious if I can do it with the page builder, because I cannot find a way.

Thank you.

Hi @mcaravaglia,

Thanks for reaching out.
Unfortunately, there is no such option to make the column center within a row. But you can do that by adding 3 Column structure where the middle column will be automatically centered within the row.

Hope it helps.
Thanks

Thank you Tristup. I have used this before, as you say, with 3 columns. It then becomes necessary to hide the other columns with media queries on smaller devices.

Hello @mcaravaglia,

You cannot center a column inside a row. Try doing it this way:

1.) Set a 1 Column Row element.
Screen Shot 2022-01-14 at 9.38.10 AM

2.) Insert a DIV element first and then insert your Text element
Screen Shot 2022-01-14 at 9.39.45 AM

3.) In your Div element, set a maximum width:

4.) And then set an auto left and right margins so that the DIV element will be placed at the center of the column.

The output will look like this:

The DIV is centered inside a row and then the Text is aligned to the Left.

Best Regards.

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