Creating layout using Visual Composer

JamSession Extended Layout

The extended layout (similar to front page used in the extended demo) is built using custom Visual Composer elements. You need to have Visual Composer installed and activated. JamSession theme comes with custom Visual Composer elements, all being part of JamSession Visual Composer category. Also, new functionalities were added to the basic vc_row elements, allowing you to create parallax backgrounds or to add a video as background for your row.

JamSession theme offers a custom page template – Empty Template – that was created to be used together with Visual Composer. Of course, you can add Visual Composer elements to other pages as well, but the Empty Template allows you to fully create the layout, without any constraint.  There are no pre defined paddings or margins on this page template, so you can create a new page from scratch.

 

VisualComposer - Jam Session — WordPress

To be able to replicate the main page on “JamSession Extended” layout, you need to:

1. Create a new page, and use the Empty Template for that page.
2. Edit the page using Visual Composer and start adding VC elements on it.

2015-06-02 13_00_16-Edit Page ‹ Jam Session — WordPress

Adding a new row with parallax background or video background

1. Edit page with Visual Composer
2. Add new element
3. Select “Row element”
row - jamsession
4. Open row settings
edit row - jamsession
5. Go to “Design options” tab
6. Select the image to use as background
7. If needed, you can set the padding for that row, according to your needs
row - add background - jamsession
8. Go to”General” tab
9. Set the “Parallax background” control to “Yes”. Optionally, you can place a color overlay over your background.
parallax background - row - jamsession
10. You can also use a video as row background, in this case, you just need to specify the URL to the video dedicated input.
video bg - jamsession
11. Click on “Save Changes”

Share:

Leave a Reply

1 + 5 =

SmartWPress © Elite ThemeForest Author