The Customizer tool allows you edit the formatting, spacing, font, and coloring of various components of WP-Client, without needing any CSS or coding knowledge. It is essentially a “visual” CSS editor, allowing you to make styling changes down to the exact pixel, all from a user-friendly editor menu.


Getting Started

To begin using the Customizer, first you will want to navigate to it in the WP-Client menu.

See here: http://screencast.com/t/smjEd7Nf2F9Y


When you first launch the Customizer you will be editing the “Default” scheme, using the first HUB Page (alphabetically) as your template. You will have your editor toolbar on the left, and a live preview of your changes will be displayed on the right.

See here: http://screencast.com/t/AyVb2xmGGnsZ


From here, you can begin editing the various elements of the HUB Page. For example, you can edit the background color, font color, font type, font size, and spacing of the assigned files list.

See video here: http://screencast.com/t/tTqktKkTZeiq


As you can see from the video above, the changes you make are instantly reflected in window-pane to the right. This, coupled with the easy-to-use size and color control menus, makes adjusting the look and feel of your HUB Pages as simple as possible.


If you would like to edit additional Elements that are not included in the Scheme by default, you can easily do so by adding the Element’s name and CSS ID. Following CSS syntax, you will need to insert a period “.” before the CSS ID.

See video here: http://screencast.com/t/FllvaOJfBs


The Element’s name can be whatever you like, but the CSS ID will be specific to the Element in question. When in doubt, you can use a program such as Firebug in Firefox to identify the CSS ID of a particular Element. The name and ID of each default Element can be seen under the specific sections.

See here: http://screencast.com/t/LLz6f7YGa5Qb


When you are finished making your changes in the Customizer, make sure to save your changes by clicking the “Save” button.

See here: http://screencast.com/t/kkV8tciftG


The Customizer will reload after saving, and you can then safely navigate back to your dashboard.


In order for your new changes to reflect for your clients, you will need to select the Customizer Scheme of choice in the HUB Template menu.

See here: http://screencast.com/t/NmBbiEKeGZ


Create New Schemes

In addition to edit the Default Scheme, you can also create and edit your own additional Customizer Schemes.

See here: http://screencast.com/t/DIPuuGxLTgP6


When creating a new Scheme, you will need to add new Sections and Elements manually, but you can easily use the Default Scheme as a “template” to draw the information you need.