The WordPress Customizer

The WordPress Customizer is a relatively new feature of WordPress.

It's a panel that allows WYSIWYG changes to be made to the theme's style, as well as some website content such as menus and widgets.

3rd party theme makers have been strongly encouraged to make use of the Customizer framework as a way of providing website controls to users. The Beaver Builder Theme is one such theme.

Test Drive the Customizer

Feel free to launch the Customizer now, however taking a backup of the database is strongly recommended at this point if you're concerned about making changes that you will not be able to restore.

If on the front of the website, click Customize in the Admin bar.

If in the Dashboard, go to Appearance > Customize.

The Customizer will open as a sidebar on the left.

  1. Make changes by selecting the relevant section in the settings panel. They will be reflected live in real time on the website.
  2. When done with a settings section, use the back button to return to the menu.
  3. You can get an idea of how the site will look on different device sizes with the buttons at the bottom.
  4. Click Save when done.
  5. Close the Customizer (X, top left)


If a customizer setting is having no effect
Note: if you find that a customizer setting is having no effect, then it's very likely it's a part of the theme that I had to override the setting for.

More info on why that happens

The Customizer works by storing your preferences in the database. When someone visits your website, in order to render a page WordPress checks your setting in the database, then generates a CSS style which it adds to the stylesheet.The web page's HTML code references the CSS to display the page. Occasionally I'll have no choice but to override a style that the Customizer has set in order to achieve something required by the mockups.

Do NOT follow this link or you will be banned from the site!