Configuring Phlox General Layout and Design Options

In the customizer, you can find a general section that contains all of the options that are related to general changes of website appearance. Such as overall layout of the website that allows you to choose full width layout or boxed one, typography, preloading and animations of the page, etc.

You can simply access these general settings:

1. Go to your WordPress admin panel
2. Click on the Appearance on the Dashboard
3. Then go to the Customize > General

Video Tutorial

General Layout

This section lets you change the overall layout of your website.

Website Layout

Here you can choose whether to show your website in a boxed area or in a fullwidth layout

Boxed Layout

By choosing the boxed layout, you are able to add a custom background to your website including setting custom color or specifying background image. For more information about the background image options, check

Site Max Width

This option allows you to choose a maximum width size of your website main wrapper.

Page Animation and Preloading

By switching on Page Animation, when users navigate between pages, they realize the first page faded out and the second one will fade in.

When you Enable Page Preloading the page will be displayed once the page fully loads. You can choose the color of the preloading page using the Page Preloading Color.

If you Add Progress Bar, while the page is loading, a progress bar appears before the entire page is loaded. You can choose the color of this bar using Progress Bar Color and choose its position using Progress Bar Position.

Custom JS Codes

This option is available to add custom JS codes. Just type the custom Javascript in the related section. the <script> tag is not required in this field.