Page Width

Flexi gives you multiple ways to control the width of each section, so it fits naturally within your theme.

1

Choose a Width Setting

In the section settings, you’ll find three options:

  • Fixed Pixel Value → Set a specific width in pixels.

  • Full Width → Stretch the section across the entire screen.

  • Custom CSS Class → Use a class to match your theme’s existing width styles.

2

Dawn / Horizon

  • Dawn → Set the page width to custom, and use the custom CSS class "page-width".

  • Horizon → Set the page width option to Full. Then toggle on developer mode and add the class "section" to adopt Horizon’s standard section width.

3

Other Themes

For most themes, setting a pixel width is the simplest approach. If you’re comfortable with CSS, we recommend using the theme’s existing classes or creating your own custom class for maximum control.

This flexibility ensures your sections look consistent, no matter which theme you’re building on.

Last updated