Style Customizer

The YOOtheme Pro Style Customizer lets you control the complete look of your website in one visual interface. Start with one of the ready-to-use styles from the Style Library and customize it to fit your project.

In the general settings, you define the overall design foundation used across your website. Set global colors, spacing, borders, shadows and typography, adjust inverse colors for different backgrounds, and manage the Google Fonts loaded by your site. All changes are shown instantly in the live preview.

Fine-tune individual UI components, from buttons, cards, forms and headings to navigation elements, sliders, lightboxes and more. Refine their look without writing a single line of code, and keep the design consistent across your entire site.

Instead of previewing the current page, you can show an overview of all UI components to see and compare your complete style in one place. When customizing a component, YOOtheme Pro opens a detailed preview with all its variations.

Customized properties are marked with a small dot in the settings list. Click the dot to reset an individual property to the selected style, or reset complete UI component whenever you want to start over.

Once your style is ready, save it to the library and reuse it across projects, whether they are built with Joomla or WordPress.