Themes, Styling & Customization

Themes & Design

Theme Selection

Go to Website > Configuration > Themes. Quickenerp ships with dozens of ready-made themes to choose from, covering common industries out of the box (retail, real estate, restaurant, professional services, e-commerce storefronts, and more) — pick one as a starting point instead of building every page from a blank layout, then customize colors, fonts, and content on top.

Switching themes later is possible but re-applies the new theme's default styling — customized pages built with individually-edited blocks are generally preserved, but heavily theme-specific layouts may need touch-ups after a switch. Preview a theme before committing on a production site.

Customizing Theme Colors

In Edit mode:

1. Click Theme button (top toolbar).
2. Color Palette – Choose from presets or define custom colors.
3. Fonts – Heading and body font families.
4. Button Style – Default button shape (rounded, square, pill).
5. Layout – Container width, gutter spacing.
6. Header – Transparent, fixed, classic.
7. Footer – Minimal, detailed, with social links.

Custom CSS / SCSS

For advanced styling:

• Go to Website > Configuration > Settings > Custom Code.
• Add Custom CSS or Custom JavaScript.
• Changes apply site-wide. Use browser DevTools to inspect elements.

Responsive Preview

In Edit mode, click the device icons (Desktop, Tablet, Mobile) to preview responsive behavior. Adjust block visibility per device in block settings.