Custom CSS Style Settings

Other than the Customizer tool which allows you edit the formatting, spacing, font, and coloring using a visual editor, there is also a CSS customizer that gives you more control and formatting options.

How to use the CSS customizer?

To get started, navigate to WP-Client → Settings → Customization. Under the Customization tab, select Custom Style.

The CSS code is applicable to all pages, so it is important that you take note of the HTML elements that you want to customize. When in doubt, you can use a program such as Firebug in Firefox to identify the CSS ID or class of a particular element.

Quick CSS Syntax Reminder:

CSS identifies the element through the selector indicated at the start of a code block. In the illustration above, we can see the characters "#" and ".". These are examples of CSS selectors and each pertains to certain attributes of an HTML element. Use the hash (#) if you want to use the element ID, and the dot (.) if you want to use the element class.

You may also use a universal selector (*) which applies the style to all HTML elements

Moreover, the "::placeholder" selector allows you to apply a universal style to all the placeholders in your page.

Toggle the In footer setting if you want to add the CSS custom style to the WP theme footer. However, it is important to note that the custom CSS style might not work with some themes.

If in any event that the code does not display what it is supposed to, make sure you are using the correct id or class name. Also, check your codes if it does not lack any curly brackets {}, or delimiters (;).

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us