• Rife WP Theme
    • Rife PRO
    • Rife FREE
    • Demos
    • Pricing
    • Features
    • Reviews
    • Help
      • Documentation
      • Change log
      • Rife Free Child Theme
    • Tutorials
  • Rife Elementor Ext.
  • Blog
  • Contact
Try Rife!
Updated: November 9, 2018 by Daniel 0
Tips

7 Basic Tricks for Visual Composer Plugin – tutorials & tips

7 Basic Tricks for Visual Composer Plugin – tutorials & tips
Updated: November 9, 2018 by Daniel 0
Tips

We know that many users have hard times finding various settings in WPBakery Page Builder (formerly Visual Composer) when they use it for the first time. This is why we wanted to show some basic changes that you can do with this page builder plugin. Hope these small Visual Composer tutorials will help you.

Below is the map of various topics described in this post:

  1. How to replace or add a background image in a ROW
  2. How to replace or add a parallax background image in a ROW
  3. How to a background color in a ROW
  4. How to add a video parallax background
  5. How to add a pattern background
  6. How to put the content in the middle of a ROW
  7. How to temporarily disable a ROW

 

1. How to replace or add a background image in a ROW in the Visual Composer plugin.


If you want to add or change a background image in your ROW you must click on the pencil icon, go to the Design Options tab and click on the green plus icon. Always remember to save changes.

How to change a background in design tab
If you want to change a background in your ROW you must edit the design tab

 

2. How to replace or add a parallax background image in a ROW in the Visual Composer plugin.


We often encounter this question, how to change the background (lady on the chair) in one of our design – Gruby. The answer is very easy, you must edit the ROW by clicking on the pencil icon and scroll down to the Image section. Click on the green plus icon, choose your image and save your ROW settings.

basic tricks visual composer - How to replace a background image in a Visual Composer ROW
Click on the pencil icon and scroll down to the image section

 

3. How to replace or add a background color in a ROW.


If you want to add or change a background color in your ROW you must click on the pencil icon, go to the Design Options tab and click on the Select Color Picker. Choose your color and save changes.

How to replace a background color in a ROW
Click on the pencil icon and go to the Design Option tab.

 

4. How to add a video parallax background in a Visual Composer ROW.


Another great way to present your content in the Visual Composer is to place a video background to your ROW. Click on the pencil icon and scroll to the Use video background? option and add your YouTube link. Always remember to save changes. 

Row Video Background in Visual Composer
Click on the pencil icon and scroll down to the video background section. You can only use the YouTube link.

 

5. How to add a pattern background in a Visual Composer ROW.


If you want to add a pattern to your background but don’t know how to do it, use this method. Click on the pencil icon, switch to the Design Options tab and choose your background image. The last step is to choose the image display method, you must change it to repeat. That’s it! Have fun 🙂

How to add the pattern background in Visual Composer
When you want to add a pattern background you must always select “Repeat” method.

 

6. How to put the content in the middle of a ROW in the Visual Composer builder.


If you want to create this effect using the Visual Composer follow this method. The first thing you need to do is to stretch a ROW to full height. Next go to the Columns position and choose the Middle.

Full Height ROW and content in the middle - Visual Composer
Click on the pencil icon and scroll to the “Full height row?”

 

7. How to temporarily disable a ROW in the Visual Composer.


When you need to hide some information in the Visual Composer but don’t want to delete it, this option is for you. Just disable the ROW and put there your hidden information.

How to disable a Row in Visual Composer
Very good setting to hide some information.

 

If you’re looking for Elementor tutorials take a look at our other post:  Popular Basic Tricks for Elementor Plugin – Tutorials & Tips.

Get new WordPress tips and deals from our Newsletter
If you Like it, Share it!

WPBakery Page Builder

Daniel
Graphic designer and also founder of Apollo13. He is responsible for esthetics of each of our themes. He likes clean and useful design, where content can breath. Big fan of riding bicycles. For some reason Air's dog always try to bite him...

Leave a Reply Cancel reply

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

WP Resources

Recent Posts

10 Eye-Catchy Themes for Photographer PortfoliosJune 27, 2022
  Seven Confirmed Web Design Trends in 2022May 27, 2022
10 Cool WordPress Themes to Create a Niche StoreApril 29, 2022
10 Outstanding Tools for WordPress DevelopersMarch 27, 2022
Is It Still Profitable to Build a Blog in 2022?February 25, 2022

Useful Stuff

  • Rife WordPress Theme
  • Rife Free WP Theme
  • Terms of service
  • Privacy Policy
  • About Us
  • Contact
  • Blog

We know that our clients are the key to our success and that is why we decided to make support as our strongest value.

Useful Stuff

  • Rife WordPress Theme
  • Rife Free WP Theme
  • Terms of service
  • Privacy Policy
  • About Us
  • Contact
  • Blog

From the Blog

10 Eye-Catchy Themes for Photographer PortfoliosJune 27, 2022
  Seven Confirmed Web Design Trends in 2022May 27, 2022
10 Cool WordPress Themes to Create a Niche StoreApril 29, 2022
10 Outstanding Tools for WordPress DevelopersMarch 27, 2022
Is It Still Profitable to Build a Blog in 2022?February 25, 2022

Get news & promotions

Be the first to get info about new Designs, new features, and special promotions!
© All Rights Reserved Apollo13Themes - Wordpress Premium Themes.
We use blazing fast Kinsta hosting and you?