Float Text Centered in Section

[bcoplin]

I am trying to create sections where the text always floats center. In the past I used…
" .x-section .x-container.marginless-columns .x-column { vertical-align: middle !important; } .x-section .x-container.marginless-columns .x-column .x-img{ margin-bottom: 0; }"

But that doesnt seem to be working any longer.

[ruenel]

Hello @bcoplin,

Thanks for writing in!

The given code will only work if you are using the classic section, row and columns:

.x-section .x-container.marginless-columns .x-column { 
	vertical-align: middle !important; 
} 

.x-section .x-container.marginless-columns .x-column .x-img{ 
	margin-bottom: 0; 
}

And if you are now using the new section, row, and column elements, it is best that you enable the Flexbox option in the column settings. It is now much easier to position all the contents of the column at the middle or even bottom of the column. For more details about the Flexbox layout option, kindly check out this video tutorial:

We would love to know if this has worked for you. Thank you.