# 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.

Elements

#### Row

How to add row and row options.

#### Page Header

Page Header style and options.

#### Text

Easy add and edit text on Visual Builder.

#### Custom heading

Custom Heading options and styles.

#### Buttons

Button Options.

#### Media

Add images, videos and Live Photos anywhere on page.

#### Gallery

Simply choose your photos and edit them live.

#### Divider

Horizontal line to divide sections and elements.

#### Services

Unlimited customization options for services.

#### Testimonials

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

#### Team

Live edit team members.

#### Portfolio

Add portfolio anywhere on page.

#### Codeless Slider

Add the slider anywhere and live edit it.

#### Blog

Blog options and styles.

#### Clients

Display clients in simple style or with carousel.

#### Empty Space

Add empty space as needed on page.

#### Counter

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

Toggles are a great way to organize information.

#### List

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

#### Icons

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.

Back to top