#4133·framework7

Prefix CSS class names with f7

Author: codewithveekCreated Feb 15, 2023Updated May 20, 2026

Is your feature request related to a problem? Please describe. I was working on a theme (non-framework7) but then I decided to add framework7 CDN so I can use its features, only for me to experience Class names collision, some of the names I gave to my elements were also used by framework7 which disrupted my styles and made me had to rename my class names.

Describe the solution you'd like I would love it if the CSS class names get prefixed with f7 just as the CSS variables were prefixed.

Describe alternatives you've considered Ionic, In Ionic, their CSS class names get prefixed with ion, this way you don't have to worry about collisions.

Additional context For instance, menu-list should be f7-menu-list item-list => f7-item-list