Documentation

We create Beautiful designs, powerful features to build anything you want with Our WordPress Theme.

Theme Requirements

To run WordPress Theme we recommend Bellow settings

Theme Installation

Step by step instructions for install WordPress Theme.

plugins Installation

The list of required and recommended plugins.

Demo Content Import

Please follow a few steps to Demo Import

Theme settings

we use Codestar Framework. It is very easy to use.

Pages settings

Create your page from your Great Ideas!

Customizer settings

Easily chnage color using customizer.

Sidebar / Widgets

Widgets is a User Friendly Feature.

Contact Form 7

How to work with Contact Form 7 ?

Theme Requirements

To run WordPress Theme we recommend using a host that supports:

PHP configuration

We recommend you make sure that your server PHP configuration limits are as follows:

Theme Installation

Extract the zipped package downloaded from ThemeForest to your desktop, in the extracted package you will find the barristar.zip file which is the WordPress theme.

Step by step instructions for install WordPress Theme:
  1. Login to WordPress admin panel
  2. Go to Appearance Themes Add New
  3. Then click on the Upload New
  4. Upload theme zip file
  5. Click on the Activate button

Extract Theme Bundle and Install Theme

large

Follow The Simple Image Steps

large

Plugin Installation

After completion of theme installation process at the top of the WordPress admin panel you should get a notice with the list of required and recommended plugins.

Please select your needed plugins to Install and Activate.
1) Barristar Core It's our core plugin, it've shortcodes and custom post types.
2) Elementor Page Builder The best WordPress Page Builder plugin.
3) Codestar Framework Highly effective Option Framework plugin.
4) WooCommerce WooCommerce is the world’s most popular eCommerce solution.
5) Contact Form 7 Contact form plugin to have email form.
6) One Click Demo Import One Click Demo Import Plugin.

Follow The Simple Image Steps

install plugins

Child Theme Installation

A WordPress child theme allows you to apply custom code changes to your site and dont lose it with update of main theme. After theme installation, you can install child-theme. Please find it in the downloaded folder. You can same way install child theme as like parent theme..

Follow The Simple Image Steps

upload Theme

Demo Content Import

In this step you'll get all live demo contents to your own site, that you're experienced with our live demo site. There is no more trick and no more surprise. You'll get all up and running website within few minutes of installation process.

Step by step instructions for Demo Content Import:
  1. Login to WordPress admin panel
  2. Go to Appearance Install Demo
  3. Then click on the Import Demo Data

Follow The Simple Image Steps

install-one-click

After Demo Import

Navigate to Elementor > Settings after import the demo content. Check the “Disable Default Colors” and “Disable Default Fonts” check-boxes.And select post type servie, project, team so that custom post can be edit using elementor.

Follow The Simple Image Steps
install-one-click

An alternative method to import the demo content.

However, you will get all demo content data with the theme package. You will find the demos in theme bundle ‘demo-data’ this path. If you failed to import the demo content by one click then you have to follow the below steps to import the demo content manually.

  1. Navigate to Tools > Import then install the WordPress plugin and click on the ‘Run Importer’. Upload here the ‘contents.xml’ file.
  2. Install the ‘Widget Importer & Exporter‘ plugin to import the demo widgets. Then navigate to Tools > Widget Importer & Exporter and upload here the ‘widgets.wie’ file.
  3. Now you have to import the Theme Options Settings of the desired demo. Navigate to ‘Appearance > Theme Options > Backup’. Then copy-paste the theme-options.txt file’s backup string here and click on the Import a Backup button.

Theme Options settings

What ever options you miss from above Page Options, pretty much everything you'll find here. These all options get affect in globally. Like: Logo, Layout Options, Header, Footer & Etc. like below screenshot. It means, we've explained that section as a screenshot format. So, you'll get clear understanding of how it's working and that section tricks.

Follow The Simple Image Steps
upload Theme

Page Options settings

You have the possibility to select different Header Templates for each page at the Page Settings.Also you can change banner image for specific page and can hide header and footer. Topbar shortcode etc.

Follow The Simple Image Steps
upload Theme

Customizer settings

The Customizer will provide you an in-depth guide on how to Change Color. All color options are available in our theme customizer. The reason of we used customizer options for color section is because, you can choose each part of color from there and see the changes instantly using customizer. Highly customizable colors are in Appearance > Customizer

Follow The Simple Image Steps
upload Theme

Sidebar / Widgets

The Footer, blog, service and project Sidebar Element comes using Sidebar. Our Theme has some pre-made widget areas and also allows you to create an unlimited amount of custom widget areas. Just go theme Options >> Custom Sidebar and create new sidebar. All widgets are located on“Appearance > Widgets”

Follow The Simple Image Steps
upload Theme

Contact Form 7

We've used in our live demo site contact forms are from Contact Form 7 plugin. You can just install Contact Form 7 as normal plugin. And start using it in that native way. No more surprise or tricks.

Follow The Simple Image Steps
upload Theme
Here is the Contact Form 7 code for the Contact page
                                    
                                       

                                        
<div class="contact-home">
                                        <div class="half-col">[text* text-100 class:form-control placeholder "Your Name"]</div>
                                        <div class="half-col">
                                        [text* text-329 class:form-control placeholder "Phone"]</div>
                                        <div class="half-col">[email* email-633 class:form-control placeholder "Email"]
                                        </div>
                                        <div class="half-col">[select* menu-475 class:form-control "Business Law" "Criminal Law" "Drugs Crime" "Education Law" "Personal Injury"]</div>
                                        <div>[textarea* textarea-8 class:form-control placeholder "Case Description"]</div>
                                        <div class="submit-btn-wrapper">
                                        [submit class:theme-btn "Appointment"]
                                        </div>
                                        </div>

Contact Form 7 Official Documentation

The detailed documentation for Contact Form 7 is available in online(link found below). For any details or interactions about the Plugin features, please refer to that documentation. Due to our theme strictly followed Contact Form 7 native way, there is no point to mention in our theme documentation about Contact Form 7 plugin. So, please follow their official documentation.

Official Documentation

Footer Shortcode

The Footer logo and desctription comes using shortcode builder. You can add and insert shortcode from Appearance > Widget > Add Shortcode

Follow The Simple Image Steps
upload Theme

Elementor Custom Widget

In our theme we've used Elementor Page Builder custom widget. User friendly features to the next level. We've used some custom interaction methods to extend the usage of our shortcodes effectively without boring. All of our custom shortcodes listed under by Barristar Theme : By wpoceans filter like in below screenshot.

Follow The Simple Image Steps
upload Theme