Customize and Style Visual Composer websites

Learn how to easily customize your Visual Composer powered website by visually editing each element. You'll just need to install and activate the CSSHero WordPress plugin.

About this Plugin

Visual Composer by WP Bakery is a fantastic page builder plugin that allows you to create custom content pages on the fly with a super easy interface, available both in the WordPress backend and frontend. Building complex layouts with Visual Composer is as simple as drag & drop, and combining the dozens of available elements  at your fingertips with this WYSIWYG web builder is fast and easy. All the element blocks available in Visual Composer are extremely easy to setup, no coding skills needed, until you want to style them and make them truly unique. Here’s where Hero comes to rescue.

Visual Composer + CSS Hero: love at first sight

If you’re a Visual Composer user you probably know how challenging can be to customize the styling of  it’s  elements. Now, with CSS Hero this task is in line with VC’s WYSIWYG logic as with CSS Hero you can easily customize each element block without writing a single line of code. Both VC and Hero share the same “do it live” philosophy and the combination between those plugins can seriously increase your web-publishing skills, having complete WYSIWYG control on both the contents and the way they look live.

Check this quick video on how to customize VC’s tabbed contents in a breeze:

Visual Composer Tutorial with CSS Hero. Define and Style a Custom Class

CSS Hero offers out-of-the-box editing of all native VC elements plus it offers a deeper customization level supporting VC’s custom classes, if an element is provided with a custom class the editing will be limited to the elements sharing that class as shown in this quick video: If you’re already a CSS Hero user your plugin is already compatible with Visual Composer, launch it and have fun customizing Visual Composer with CSS Hero!

A real WYSIWYG web building Experience!

As Visual Composer is a powerful tool for rapidly prototyping HTML and publishing web pages, combining it with CSS Hero, with it’s instant-satisfaction live CSS editing, will greatly boost your creative power.

If you are familiar with Visual Composer, it’s time to unveil a new level of possibilities; the synergy between the plugins will definitely  help you blend graphically the styling of the VC page elements to easily match  to your brand, your taste or your mood!

If you didn’t try yet VC because you’re worried of designing a site that looks like other ones…it’s time to overcome these fears and give it a try. VC + CSS Hero = Pure Fun !

If you use (or plan to use) this Plugin...

CSS Hero can help you deeply and quickly customize the Visual Composer Plugin, solving some common issues like:

  • How to customize fonts in the Visual Composer WordPress Plugin, to make font biggers or change typeface for titles and header texts
  • How to change CSS background image on the Visual Composer WordPress Plugin and build background fades
  • How to change colors and styles on Visual Composer WordPress Plugin

Plugin Details

User Feedbacks

CSS Hero is the definitive plugin to customize your WordPress themes with an easy and intuitive WYSIWYG interface.


Become a CSS Hero affiliate and earn 40% on each sale right now. Spread the CSS Hero word and share the wealth with us!
Start Earning →

Follow the Hero