Visual Composer for FoodTruck


WARNING!! Remember to convert content used on your site to Visual Composer shortcodes before activating the plugin. HERE you will find information how to do it.

 

{Theme} can be easily customized with Visual Composer.

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

You arleady created your site using FoodTruck shortcodes instead of visual composer? – Please check How to convert old shortcodes to VC

How to start?

We recommend you to use row as essential element of page structure.

Row

Row

You can edit following row attributes:

Click pen to open edition tools

Click pen to open edition tools

  1. Row stretch:
      • Default
      • Strech row
      • Strech row and content
      • Strech row and content (no paddings)
      • Foodtruck full width 100% – we reccomend to use this version of row instead of Strech row and content (no paddings) for better performance of the page.
    Foodtruck Full Width 100% Row option

    Foodtruck Full Width 100% Row option

      • Foodtruck wide style – recommended to use when creating three boxes section like on BurgerLover home page
    ThreeBoxes section

    ThreeBoxes section BurgerLover

  2. Column gap
  3. Header alignment
  4. Full height row
  5. Equal height
  6. Contet position – the position can be set to Default, Top, Middle and Bottom
  7. Use Video background – use YT video as a background of this section
  8. Parallax – use Parallax as a background
  9. Css Animation
  10. Row ID –  if you want to use section for scroll-to-section navigation
  11. Disable Row
  12. Extra class name – add extra class name for
  13. Additional inline style – if you want add inline custom CSS styles for element

Once your section row is created you can choose number of columns in section, their width and optionally offset value.

Section grid

Section grid

If you want to create full_width element you need to choose 1 column greed in section and set it as full_width element.

Click pen to edit column

Click pen to edit column

Full width column

Full width column

Once you set up your section – you can put inside it as many components as you want.


Learn more:

For more information about Visual Composer, please check articles below:
How to install Visual Composer
Visual Composer demo
Visual Documentation