Vibrance Theme Documentation

Here you will find the all the useful detailed instructions to use Vibrance theme.

Getting started with Vibrance

Codeless Builder - How it works

New kind of page builder you will change everything in seconds and you will see it live.

Rows & Columns Options

Use rows & columns as element's containers and place them anywhere in page.

Predefined Elements & Content Blocks

Predefined styles for each element and block.

Theme Options

Vibrance offers advanced theme options to configure the theme in seconds.

Live Editing

Change anything on a fly, just place the mouse on any part of the page and write.

Draggable Spaces & Keyboard Shortcodes

Only press Shift and drag your mouse to change padding and margins.

Vibrance Theme Installation and Update

Install Vibrance Theme

Step by step instruction to install the theme and Theme Setup

Update Theme

Step by step instructions on how to update the theme and it's included plugins.

Customizing Vibrance Theme

Header Setup

Select the header style and add the elements you want with drag and drop feature.

Logo Builder

Create the logo instantaneously and see the changes live. Drag and drop it everywhere in header.

Layout & Typography

The general website layout options and select typography.

Button Styling

Setup the default button style.

Creating Portfolio Project

Step to step instruction on how to create a portfolio page and how to add/edit portfolio items.

Creating a Blog page & Posts

Step to step instruction on how to create a blog page and posts.



How to add row and row options.

Page Header

Page Header style and options.


Easy add and edit text on Visual Builder.

Custom heading

Custom Heading options and styles.


Button Options.


Add images, videos and Live Photos anywhere on page.


Simply choose your photos and edit them live.


Horizontal line to divide sections and elements.


Unlimited customization options for services.


Add your customer's testimonials for your awesome work here.


Live edit team members.


Add portfolio anywhere on page.

Codeless Slider

Add the slider anywhere and live edit it.


Blog options and styles.


Display clients in simple style or with carousel.

Empty Space

Add empty space as needed on page.


Add counters with animation to give the page an interactive look.

Progress Bar

Add progress bar to show stats to your visitors.

Google Map

Add a Google Map on every section of page.

Contact Form 7

Add a Contact Form on every section of page.


Toggles are a great way to organize information.


Lists are another good way to organize information on a page.


Icons can be added also on most elements..

Share Icons

Share icons have more options and facilities with the new builder.

Social Icons

Add social icons anywhere on page.

Revolution Slider

Add Revolution Slider as an element everywhere in page.

Layer Slider

Add Layer Slider as an element everywhere in page.