Customizer

Manage theme settings, customize styles and build page layouts within the native WordPress customizer.

YOOtheme Pro is completely integrated into the native WordPress customizer and extends its sidebar with new setting panels of YOOtheme Pro. They are added below the default ones from the WordPress customizer.

WordPress YOOtheme Pro


Open the Customizer

To open the customizer, click on Appearance → Customize in the WordPress administration area. The YOOtheme Pro builder and the settings panels appear in the customizer sidebar.

Open YOOtheme Pro


Here is a short overview of all YOOtheme Pro setting panels and their content.

Panel Description
Layout Open layout-related settings for the site & logo, header & navbar, mobile header, top, bottom and sidebar, blog and post as well as the footer builder.
Style Open the style customizer to change the style of your site.
Builder Open the page builder to layout individual posts and pages shown in the preview.
Templates Manage templates and their layouts.
Settings Open settings for the favicon, cookie banner, custom code, API key, advanced, external services, system check and about

Save, Cancel and Close

If you change any settings in the WordPress customizer, the live preview on the right updates, and the Publish and gear icon buttons are no longer disabled at the top of the sidebar. These buttons give you a choice to either save and publish all settings or cancel them. There is also an arrow icon in the top left corner that allows you to navigate up one level in the sidebar and the Close icon to exit the WordPress customizer.

Sidebar panel navigation


Contextual Help

YOOtheme Pro comes with a context-sensitive help for each YOOtheme Pro setting panel. To open it, click the help icon on the right side of the panel's title.

YOOtheme Help button

The help window shows instructional videos for all settings of the current YOOtheme Pro panel. There are also contextual links to the documentation and an option to search the specific topic in the support center. To open the support center itself use the button at the top right corner.

YOOtheme Help modal


Device Preview Buttons

The device preview buttons can be found at the bottom of the sidebar. Use the device icons to check how your site looks on different device sizes.

Device preview buttons


Hide Sidebar

Hide and open the sidebar by clicking the Hide Controls button to the left of the device preview buttons. This is useful if you are using a smaller screen and want to check how your site will look on the full screen.

Show/Hide sidebar

YOOtheme Pro Documentation