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.


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.


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


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.


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


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