Custom CSS

Flexi gives you full control over styling with custom CSS, whether you want to target a single block or apply changes across your entire theme.

1

Enable Developer Mode

In the theme customizer, open a section or block and toggle on Developer Mode. This reveals advanced styling options.

2

Add a Custom Class

Enter a custom class name into the text input. This lets you target that specific section or block in your CSS.

3

Write Your CSS

You have two options:

• Local CSS → Write CSS directly in the section or block for one-off adjustments.

• Global CSS → Add your styles inside the Flexi app embed to apply them site-wide.

This setup makes it easy to keep styles organized. Use local CSS for quick tweaks, and global CSS for consistent, brand-wide changes.