Is flex box available?

[waynepatt58]

do both versions of xtheme use flex box?

[thai]

Hi @waynepatt58,

Did you mean the Pro theme?

Yes, both Pro & X theme are using Flex Box CSS.

If you would like to learn the flex box css, please take a look at this:

A Complete Guide to Flexbox | CSS-Tricks

Hope it helps

[waynepatt58]

Thanks I will check that out. But maybe you could tell me how to achieve this layout with flex box. two text boxes in one column

I assume flex box can do that?

[jade]

Hi Wayne,

Yes, flex box should be able to align the items this way but there is currently no element that is available out of the box for you to have this output.

However, this possible with some customization like adding a bit of custom CSS to achieve this layout. But an easy was to achieve this alignment would be through the Text element.

Add the text 30 and Reciprocating States to the text element then enable the Text Columns option and you will get this alignment:

However, you can only apply one style to all the text in the text element so you will need to add further customization to style the other text block to display different than the main text. To explain it further, if you set the font size to 50px and the color red to the text element, both 30 and Reciprocating States will be 50px and red. So you will have to add some custom CSS by adding a class to reciprocating states then target it through CSS to style it.

https://www.w3schools.com/cssref/sel_class.asp

Hope this helps you get started.

[waynepatt58]

Thank you very much as always you have the best tech support I have ever seen.

[nabeel]

Thank you for your kind words and we’re glad we could help.

Cheers!