How to Add Custom CSS in Visual Composer

Posted OnJun 18, 2015     CategoryPlugins     CommentsNo comment

In this section of the guide to the Visual Composer, we will focus on adding Styles to the Custom CSS area.

Step 1) Login to the WordPress Dashboard.

Step 2) From the left-hand sidebar of the Dashboard, navigate to Visual Composer -> Custom CSS.

km-vc-custom-css-01a

For this example, code will be added to change the Page Title color and font size of the entry-title tag.

Step 3) Locate the class or id you want to change by viewing the page source code and finding the appropriate tag.

km-vc-custom-css-04aW

Step 4) Add the code shown below in to the Custom CSS text area.

km-vc-custom-css-02a

Step 5) Click the Save Settings button to save any changes.

Any styles added in the Custom CSS text area will be site-wide and over-write any existing styles with the same name. Please use with caution.

Checkpoint

Prior to moving forward, we recommend that you view your site to see the changes applied above and make any modifications as needed.

km-vc-custom-css-03a


The next step of the guide will focus on How to Activate Visual Composer.

 


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend