Flex includes a Rich Text section to quickly and easily add a block of text-based content to the homepage, product page, or other templates.
Add this section to the
Rich Text Settings
Click the Rich text section to open its settings.
Add a Heading using the provided field to introduce the section.
Select a font and color
Change the default Font setting by selecting Change.
Click the color selector beside Heading to adjust the font color for the heading.
Use the Text alignment dropdown to change the alignment of your text and buttons.
Add Text, then select the Font, Text color, Text alignment, Base size, and number of Columns (1-3).
Add buttons by filling the Button label and Button link fields.
In the Background settings, you can select the Background color, add a Gradient to the background and if you've added a gradient, choose the Gradient rotation.
The options under the Width setting include Half, Standard, and Wide. Selecting Wide will spread out the full width of the screen and Half will only span half of the width. Selecting Standard will keep the section in a container and not spread the full width.
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings. Use the Left spacing and Right spacing sliders to adjust the horizontal spacing.
The Animation setting will determine how the feature appears as it loads. The options for animation are None, Fade in, Fade in down, Fade in left, Fade in right, Slide in left, Slide in right, and Zoom.
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature