2.0.1 Creating pages with Visual Composer and Polydecor Backgrounds

Welcome to the new world of PolyDecor!

What are Polydecor pages?

Are pages where the rows of the Visual composer can be decorated with polygons in background, which are animated with a special parallax effect.

There are 4 types of decorations, and they are added depending on the order of the row, in this way:

  • Row 1 -> Decoration 1 (Rhombus)
  • Row 2 -> Decoration 2 (45degrees rotated rectangules)
  • Row 3 -> Decoration 3 (-45degrees rotated rectangules)
  • Row 4 -> Decoration 4 (45degrees skewed rectangules)
  • Row 5 -> Decoration 1 (Rhombus)
  • Row 6 -> Decoration 2 (45degrees rotated rectangules)
  • Row 7 -> Decoration 3 (-45degrees rotated rectangules)
  • Row 8 -> Decoration 4 (45degrees skewed rectangules)

How to create Polydecor Pages?

  1. Go to Pages -> Add New
  2. Choose the Page Composer template in Page Attributes
  3. Create the page using the Visual Composer and SAVE
  4. Enable Polydecor in the Design Customization
  5. Each row will be a Polydecor row. Inner rows are automatically skipped.

Enabling Polydecor for a page:

Screen Shot 2016-06-14 at 00.38.32 Screen Shot 2016-06-14 at 00.38.37













Disabling Polydecor for a specific Row:

You can disable the polydecor on specific sections by checking the checkbox Polydecor in the row settings:


Screen Shot 2016-06-14 at 00.40.39


Screen Shot 2016-06-14 at 00.45.57


This will become:


Screen Shot 2016-06-14 at 00.48.22

Use in conjunction with backgrounds, parallax or videos:

You can use any other type of Background settings from the Visual Composer row settings: the Polydecor is generated via Javascript and will be between the picture background and the contents.

It works well on top of parallax, pictures and videos!

Polydecors are a light and innovative way to make your pages more interesting, dynamic and fun, without adding weight to the page (it requires only 100 bytes!)