NOTE: THIS DOCUMENTATION IS FOR THE TOTAL PLUS PLUGIN WHICH WAS RELEASED ON 1 SEPTEMBER 2021. IF YOU ARE USING THE OLD TOTAL PLUS THEME THEN CLICK HERE TO GO TO OLD DOCUMENTATION. AND IF YOU ARE USING THE FREE VERSION CLICK HERE TO GO TO DOCUMENTATION FOR THE FREE VERSION.

This documentation guides you through the installation, usage, configuration, and customization options of the Total Plus WordPress plugin. It is the premium version of the Total WordPress theme with advanced features to create a stunning website in no time.

If you have any questions or need any assistance related to the plugin, please feel free to open a support ticket. Our support team will be happy to help you.

Here are Demo and Purchase links in case you need it.

Plugin Installation

After you have purchased the premium version of Total WordPress, you will need to log in to the “My Account” page to download the plugin.

Click on the “Login” Menu on our website and then enter the username and password that you used while purchasing the plugin.

Once you are logged in, you will be redirected to the My Account Page. If you are not redirected then click on the “My Account” Menu. My Account Menu will only appear if you have successfully logged in to our website.

Now click on the “View Detail and Downloads” button. You will see the payment information along with the download of the Total Plus Plugin and Revolution Slider at the bottom of the page.

Download the Total Plus Plugin. Now you can install the theme in two ways.

Installation via WordPress Dashboard

To install the plugin via WordPress Dashboard follow these steps:

  • Go to Plugins > Add New.
  • Click on the Upload Plugin button at the top of the page.
  • Now Choose the downloaded zip file of the Total Plus plugin and click on Install Now button.
  • Once installed, Activate the plugin.

Installation Via FTP/cPanel

To Install the theme via FTP/Cpanel follow these steps:

  • Download the Total Plus plugin zip by logging in to the dashboard as described earlier.
  • Save the downloaded plugin zip file on your hard drive.
  • Extract the downloaded .zip file you will find a folder with style and other plugin files inside it.
  • Now Connect the FTP server using the FTP details and copy the extracted folder to ‘site-name/wp-content/plugins/’ path.
  • Now go to the Dashboard > Plugins > Installed plugins.
  • You’ll see the Total Plus plugin in the theme dashboard.
  • Activate the plugin.

If you want to know how to install plugins in a more detailed way, you can go through the article, How to Install a WordPress Theme?

Although this article shows the installation process of WordPress theme, you can follow it to install a WordPress plugin in a similar way.

Note: You need to have the Total WordPress theme pre-installed to run the plugin. Otherwise, a message like the one below appears which will direct you to the installation page of the Total WordPress theme.

Click on Install and Activate Total Theme button to install Total WordPress theme on your website. Else click on “Deactivate Total Plus Plugin” to disable the plugin.

Demo Installation

With the Total Plus plugin, you can install the demo content with just one click. There are 5 pre-built demos that you can import instantly. We will be adding more demos in the near future. To install the demo content, follow the process:

  • Go to Total Plus Panel > Demo Import. You will see 5 demos ready to install.
  • Before you install the demo, make sure that your WordPress and Server has the minimum requirement needed for the demo import to work properly. For this, go to Total Plus Panel > System Status page and make sure that there is no red remark. Please contact your hosting provider in case there are any red remarks and ask them to increase them.
  • Also, install all recommended plugins suggested. Go to Total Plus Panel > Install Plugin page and install all the recommended plugins.
  • Now in the Total Plus Panel > Demo Import page, click on the “Install” button for the demo that you want to import.

  • A New Page will appear. Check on “Reset Website”. Enabling it will remove all your old content so please be sure that you want to do it. And enabling this option is very important to import the demo properly. If the demo is imported without enabling it, the demo will not import properly. Click on the “Import Demo” button.

  • A popup message will again appear asking you “Are you sure to proceed? Resetting the database will delete all your contents.”
  • Click on the “Ok” button and it will start importing the demo. You will see the loading screen indicating that the demo installation is in progress.
  • Depending on your internet speed and hosting providing, the demo installation might take 1 to 5 minutes.
  • Once the demo installation is complete, the loading screen will change in to tick sign.
  • Check your website to see the demo.

Front Page Setup

Total Plus plugin provides an option to import the demo with just one click. After importing the demo, you can replace the imported content with your content.

However, if you don’t want to import the pre-built demo and set up the website from the beginning then this tutorial will help you. The theme provides you with the option to display a Static Normal page as a front page, or Featured home page (which includes featured home sections like ‘about us’ section, ‘portfolio section’ etc.) as a front-page or Blog Posts as a front page. You may choose any of the available three options as per your need.

Featured Home Page refers to the home page with various sections such as the About Us section, Featured Block Section, Portfolio Section, and more.

To display a static front page follow these steps:

  • Go to Appearance > Customizer > Homepage Settings.
  • Set your homepage displays option for Your latest posts.
  • Then, set the Enable FrontPage option to “Yes”.

  • Once done, click on the “Publish” button to save changes.

Now, you can go to the Homepage Section/Settings to customize your homepage.

Note: Enabling FrontPage option while setting your homepage displays as your latest posts will entirely overwrite your post page.

Setting Up Featured Homepage Along With Post Page

In the above step, the post page will be entirely overwritten by the featured homepage of the theme. So, if you want to a post page on your featured homepage, follow these steps:

  • Go to Appearance > Customizer > Homepage Settings.
  • Set your homepage displays option to A static page.
  • Then, select any page you want for your homepage dropdown.
  • Also, select the page where you want to locate all your posts.
  • Set the Enable FrontPage option to “Yes”.
  • Now the homepage will display the Featured Homepage section and the page that you have chosen for the Posts page will display all your blog posts.

  • Click on “Publish” to save changes.

Setting Up a Static Front Page

With the Static Frontpage,  you can display a simple page content on the Home Page. Or you can even use the page builder to create various designed layouts.

To display a static front page follow these steps:

Create a page

  • Go to Pages > Add New.
  • Enter the title for the page.
  • Enter the contents of the page in the content area.
  • Click on Publish/Update button.

Configure to display a static front page

  • Go to Appearance > Customizer > Homepage Settings.
  • Set the option to A static page and choose the page you created from the Front Page drop-down list.

  • Click on the “Publish” button to save changes.

Note: To display a Static Page as a homepage, you must disable the “Enable FrontPage” option.

Setting Your Latest Post As Front Page

If you want to display a list of your latest posts (Blog) on the Home Page then follow these steps:

  • Go to Appearance > Customizer > Homepage Settings.
  • Set the option to Your latest posts.
  • Click on the “Publish” button to save changes.

Note: To display the latest posts on the homepage, you must disable the “Enable FrontPage” option.

Template Color Setup

Before setting up anything, everyone wants to set the primary color of the theme. Square Plus allows you to choose from unlimited sets of colors for your website through a color picker. To set the theme primary color, follow these steps.

  • Go to Appearance > Customize.
  • Go to Color Settings.
  • Choose the primary color for your website from Theme Primary Color color picker option.

  • Also, choose the suitable color for your website contents such as Headers, Texts, Links and Link Hover Color.
  • Once done, click on the Publish button.

General Settings

There are always few things that you will want to set up before adding any content to your website. And accordingly Total Plus has grouped few general setting under this heading,

  • Go to Appearance > Customize.
  • Click on General Settings.

The General Settings include:

  1. Container
  2. Scroll to Top
  3. Preloader Option
  4. Admin Logo

Container

In the container settings, you can choose your website layout to either Wide, Boxed or Fluid. For each layouts you can adjust the website container width and sidebar width.

Also, you can pick a background color or upload a background image for your WordPress website.

Once done, click on “Publish” to save changes.

Scroll to Top

Scroll to Top is a utility option that enables you to scroll to the top of your website in just one click. It will make your website more user friendly by enabling the users to easily scroll to the top without having to manually scroll the website.

To configure the Scroll to Top option, follow these steps:

  • Go to Appearance > Customizer.
  • Now go to General Settings > Scroll to Top.
  • Turn on the Toggle button beside the Back to Top Button to enable Scroll to Top option.
  • Choose a suitable icon and position for the Scroll to Top button.
  • Also, choose the Scroll to Top button type and adjust the height, width, border radius, and icon size.

  • Then, set the button offset to adjust the position of the Scroll to Top button.
  • You can also choose the suitable button color and button icon color.
  • Besides, you can also disable the Scroll to Top button on Mobile.

  • Once done, click on Publish button to save changes.

Preloader Option

Preloader is a loader that appears before the main content of the web page is still loading. Its main purpose is to entertain the site visitors while the actual contents is still loading in the background.

To configure the Preloader option, follow these steps:

  • Go to Appearance > Customizer.
  • Now go to General Settings >Preloader Option. 
  • Toggle the Enable Preloader Option to Yes if you want to add Preloader on your WordPress website.
  • Now, choose any of the 16 Inbuilt Preloader Types or Upload your Own Custom Preloader.
  • Also, choose the suitable preloader color and preloader background color.

  • Once done, click on the “Publish” button to save changes.

The admin logo allows you to upload and change the logo of the admin login page. You can configure the width and height of the logo as well as add a custom URL in it.

The Admin logo like the one below in the screenshot can be obtained after editing the settings available.

Typography Option

With Typography Settings, you can change the typography parameters like Font Family, Font Style, Text Transform, Text Decoration, Font Size, Line Height and Font Color of each and every element of the website.

  • Go to Appearance > Customize.
  • Click on Typography Settings.

There are 5 setting options for the typography

1. Body Typography

This typography setting applies to all the text of the website excluding Header Menu, Home Section Title, and Headers(H1, H2, H3, H4, H5, H6) as they have their own individual settings.

2. Header(H1, H2, H3, H4, H5, H6) Typography

This typography applies to the header H1, H2, H3, H4, H5, H6 respectively.

Note: The header H5 also applies to the main title of the block on the homepage sections. So this setting might be handy if you want to change the font parameter of the title of the blocks on the home page.

3. Home Section Title Typography

This typography applies to the main titles of the Homepage section. You may want to make the section title different than other text.

Header Settings

Total Plus plugin allows you to configure each and every element of the header from the header layout to header elements and their design.

Adding Logo and Favicon

To upload the site logo, follow these steps:

  • Go to Appearance > Customizer > Header Settings > Logo & Favicon.
  • Click on the Select Logo button and choose the logo from the media library.
  • Add the Site Title and Tagline if you want to show it just beside the logo.
  • If you do not want to show Site Title and Tagline then check on Hide Title and Hide Tagline option.
  • Click on Select Site Icon to upload the favicon.

Now go to the style tab and follow these steps:

  • Set the with of your logo.
  • Now, pick the most suitable color for the title and tagline.
  • Also, add the spacing for the title and tagline if required.

Now go to the Typography tab to choose the most favorable font family, font weight/style, text transform and text decoration for your Title and Tagline. Also, choose the suitable font size, letter spacing, and line height.

  • Once done, click on the “Publish” button.

Top Header

In the header top bar settings, you can enable/disable top header, configure the color setting, set the top header height. You can also what content to display in the left and right top header. You can either display social icon, menu, widget, custom HTML text or ticker on the top bar.

To configure the top header, follow these steps:

  • Go to Appearance > Customizer > Header Settings > Top Header.
  • Enable/Disable the Top Header.
  • If enabled, choose the choose different items that you want to display on the top header. The items are Social icons, menu, widgets or custom HTML text.

  • Now go to the style option and choose a suitable color for header background color, text color, anchor color and anchor hover color.
  • Also, set the Top & Bottom padding to configure your top header height.

 

  • Then, choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height) for your top header.

  • Once done, click on the “Publish” button to save the change.

Main Header

In the main header settings, you can set the header sticky, choose the header styles, set the header shadow, and its position above or over the banner/slider.

To configure the main header, follow these steps:

  • Go to Appearance > Customizer > Header Settings > Main Header.
  • Enable/Disable Sticky Header option.
  • Now choose the most suitable header layout from any of the 7 predesigned header layouts.

  • If you are looking to make your header transparent, toggle on Enable Transparent Header.
  • Then, choose the header position, above or over the slider/banner.

  • Now go to the Style tab to choose the header background option.
  • Also, set the header spacing.

  • Once done, click on the “Publish” button to save changes.

Creating General Menu

1)Defining a Menu

You must define a menu before you can add items to it.

  • To create a menu, go to Appearance > Menus to bring up the menu option.
  • Click on create a new menu.
  • Give the name to your new menu.
  • Click on Create Menu button to create the menu.

Your new custom menu is now defined.

2) Adding Items to a Menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

  • Locate the pane entitled Pages.
  • Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
  • Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
  • Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  • Click the Save Menu button once you’ve added all the menu items you want.

After you have added the menu items, select the display location of your menu to “Primary Menu” and then click on Save Menu.

Alternatively, you can create the menu and add its item directly from the customizer.

  • To create the menu from the customizer, go to Appearance > Customize > Menus to bring up the menu options.
  • Click on create a new menu.
  • Give the name to your new menu.
  • Choose the location of the new menu.
  • Click on the Next button to continue.
  • Now add the menu items as per your need and set the menu location to Primary Menu.
  • Once done, click to Publish to save.

If you want to know how to create a menu in a WordPress website in more detailed way, you can go through the article: How to Create a Menu in WordPress Website

You can make the menu responsive after certain px resolution size. To do that, you can go through the article: Enable Responsive Menu

Configuring Menu

Once you have created and added the menu on your WordPress website, you can further configure it via customizer. To configure the menu, follow these steps:

  • Go to Appearance > Customizer > Header Settings > Menu Settings.
  • Now enable/disable the search button, social icons, and CTA button on the navigation menu.

  • Also, choose the Menu Hover Style from any of the 7 pre-designed menu hover styles.

  • Then, set the breakpoint for the menu to be responsive.
  • Besides, you can also display a different menu for mobile devices.

  • Now go to the Style tab and choose the suitable color for menu link, menu hover link, and menu background hover color.
  • Also, choose the most suitable color for submenu background, submenu link, submenu hover link, submenu background hover color.

  • Then, set the submenu width and top spacing of the submenu from the menu.
  • Also, select the toggle menu bar color and toggle menu background color.
  • Additionally, you can also add spacing for menu, submenu and submenu items.

  • Then, choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height) for your menu.

  • The theme also allows you to set separate typography for the submenu. To set the different typography for submenu, enable “Use different typography for SubMenu” and choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height).

  • Once done, click on the “Publish” button.

Adding Call to Action Button on Menu

Total Plus allows you to add a unique looking Call to Action Button in the main menu. You can enable it from Appearance > Customizer > Header Settings > Menu Settings. Once done, you can configure the button from the following steps:

  • Go to Appearance > Customizer > Header Settings > Menu CTA Button.
  • Add the custom button text and place the button link.
  • You can also choose a favorable color for button text and button background.
  • Also, you can add the button border-radius.

  • Once done, click on the “Publish” button to save changes.

Page Banner Option

Total Plus comes with an option to place a custom background image or color as the page banner on the inner page of the website. To configure the page banner settings:

  • Go to Appearance > Customize > Header Settings > Page Banner Settings.
  • Choose any of the 3 pre-designed page banner styles.
  • Also, enable the breadcrumb to allow your visitors to locate the page that they are viewing on your WordPress website.

  • Now, go to the style tab to upload a background image for the title bar and configure its position, size, and attachment.
  • You can also configure the background color and its opacity color. Set the opacity value of the overlay color below 50% so that the background can appear. Setting the opacity to 100% will completely cover the background image.
  • Besides, you can also enable the parallax effect on the page banner background image.

  • Then, choose a suitable color for Page Title/Sub Title color, breadcrumb text and breadcrumb link.
  • Additionally, you can also set the top and bottom page banner padding to adjust your banner image.
  • Then, go to the typography tab to choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height) for your page banner text and breadcrumb.

  • Once done, click on the “Publish” button to save changes.

Home Page Section/Settings

Total Plus comes with 17 different sections that can be added on the front page of the website. Each of the sections has its own variations and reordered using the drag and drop process.

Note: These sections will only be displayed in the featured homepage.

The different sections for front page are:

  1. Home Slider
  2. About Us Section
  3. Featured Section
  4. Portfolio Section
  5. Service Section
  6. Team Section
  7. Counter Section
  8. Testimonial Section
  9. Pricing Section
  10. Blog Section
  11. Clients Logo Section
  12. Call to Action Section
  13. Contact Section
  14. Tab Section
  15. News and Update Section
  16. Highlight Section
  17. Custom Section

Home Slider

In the Home Slider Section, you can create responsive slides on the homepage. The sides cane anything like image. video clips, contents, etc.

You can add 3 different kinds of sliders on the Home Slider Section.

  1. Normal Slider
  2. Revolution Slider
  3. Single Banner Slider

1) Normal Slider

You can add the normal slider in 2 different ways. They are

a)From Page

b) From Repeater

a) Creating Slider from Page (Slides)

In this method first of all you need to create pages for your slider. To create a new page, follow these steps:

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the page. It will be displayed as the caption title.
  • Enter the short description in the content area. It will be displayed as a caption description.
  • Set the featured image for the page will be displayed as the slide image.
  • Click on Publish/Update button.

You can create the rest of the slides by following the same steps.

  • Now, go to Appearance > Home Sections/Settings > Home Slider.
  • Then, select the pages that you have created and it will appear as a slider on your WordPress website.

Now go to the slider settings to configure your slider.

Note: This method allows you to add only 3 slides on your slider. So, if you want to add more than 3 slides, set various slide content alignment or add read more button and link to your slider, you can follow the repeater process.

b) Creating Slider from Repeater

  • Go to Appearance > Home Sections/Settings > Home Slider
  • Choose Normal Slider for the Slider Type option.
  • Click on Add Slider to start adding slides.
  • Upload the image for your slider and add its caption title and subtitle.

Note: The recommended size of the image is 1900*800. However, you can increase the height of the slider according to your requirements. But you need to make sure that all the images are of the same height and width.

  • Add Button Text and Button Link and set the alignment of the slider.
  • If you don’t want to show it, you can just set the Enable Slider option to “No“. You don’t need to delete it.
  • If you want to change the color of different elements of Normal Slider, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings

Slider Settings


If you have chosen the normal slider as the home slider, the theme provides you with different slider settings to configure the parameter of your slider.

In the slider settings, you can set the slider transition to either slider or fade.

You can also select the slider height to auto or full height. If you choose auto, the slider will display the actual size of the upload and if you choose the full height, the image will be displayed the full-screen size of your device. Besides, you can set the custom height of the slider images for desktop, mobile, and tablets.

You can also set the slider pause duration, and enable/disable autoplay slider. Besides, you can also enable/disable the slider arrows and dots.

2) Revolution Slider

With Revolution Slider selected, you will be able to create an image or video slider with endless animation possibilities. Use this option if you need a slider different and more advanced than the Normal Slider option. To use this option, you will need to install the Revolution Slider plugin. The download will contain the Revolution Slider with the Theme zip. Follow the instruction to use Revolution Slider

  • Download the Revolution Slider plugin by going to your account on our website.
  • Go to Plugins > Add New
  • Click on Upload Plugin at the top of the page
  • Click on Choose File button and select the Revolution Slider zip and click on Install Now button
  • Click on Activate after the plugin is installed
  • Now in the dashboard main menu, go to Slider Revolution
  • Click on New Slider with Plus sign to create the slider
  • Go through the detailed documentation of the Revolution Slider here and Video Tutorial in order to create the slider.
  • Once you have created the slider, copy the Shortcode of the slider which will be in the form [rev_slider alias=”slider_name”]
  • Go to Appearance > Customizer > Home Sections/Settings > Home Slider.
  • Choose the Revolution Slider for the Slider Type option and paste the copied shortcode in the Slider Shortcode field.
  • Once done, click on the “Publish” button to save changes.

Note: Apart from Revolution Slider, you can use any free or premium slider plugin that has option to add shortcode


3) Single Banner Image

With the Single Banner Image option, You will be able to upload a single static image with caption text and linkable button. Follow steps below to use a Single Banner Image:

  • Go to Appearance > Home Sections/Settings > Home Slider
  • Choose Single Banner Image for the Slider Type option
  • Upload the Banner Image and add the Banner Title and Banner SubTitle. Leave the Banner Title and Banner SubTitle field if you don’t want to show text.
  • Add the Button Text and Button Link to show a button. Leave these fields empty if you don’t want to show.
  • Choose the Banner Text Alignment either to Left, Right or Center
  • Also, choose the Background Effect either to be Parallax effect or Horizontal Scrolling Effect
  • Finally, choose the Background Overlay Color. The Background Overlay Color brings some colorful effect to the banner and also make the text readable.

  • Once done, click on “Publish” to save changes.

About Us Section

The about us section allows you to a short message from the about us page as well as the progress bar of your company to make your website more engaging. It is divided into 2 different blocks.

On the left block, you can choose the page of which you want to display the message and display the progress bar of your company. The progress bar will allow highlighting the current status of your company. While on the right block, you can either upload your custom image or insert a widget instead of the image.

To configure the about us section of Total Plus theme, follow the introduction:

  • Go to Home Page Sections/Settings >About Us Section.
  • Choose the page of which you want to display the message in the left block.

Now if you wish to add the progress bar below your about us content, you can add it in 2 different ways. They are:

1) From Simple Method

2) From Repeater

1) Adding Progress Bar by Simple Method

  • Give the Title for your progress bar.
  • Then, choose the percentage that you want to display in the progress bar.

You can disable any of the progress bar by ticking Check to Disable option.

Note: Upto 4 progress bars can be added from this method, if you want to add more than 5 progress bars, you can follow the repeater method.

2) Adding Progress Bar by Repeater Method

  • Now give the title to your progress bar and configure the % of the bar. You can display as many progress bars as you want. If you don’t want to display the progress bar, simply set the Enable Section to No. You don’t need to delete it.

  • Now upload the image or choose the widgets that you want to display on the right block.

Note: The theme allows you to create unlimited widgets areas on your website. So, to create a new widget area, you can go through the article: Adding New Widget Area

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of About Us Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the “Publish” button to save changes.

Featured Section allows you to highlight the key features of your business firm in short. To configure the Featured Section, follow the instruction.

  • Go to Home Page Sections/Settings > Featured Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add the featured block from 2 different ways. They are:

1) From Page

2) From Repeater

1) Adding Featured Block From Page

In this method, you need to create pages for displaying it to the featured block. To create a new page, follow these steps:

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the feature page.
  • Enter the contents for the page in the content area.

  • Click on Publish/Update button.

You can create other featured pages in the same way.

  • Select the pages that you have created for the Featured Blocks.

  • Now configure the settings available in the featured block to make it unique and attractive to your audience.
  • Once done, click on the “Publish” button to save changes.

Note: From this method, you can add upto 3 featured blocks. So, if you want to add more than 3 featured blocks, we recommend you follow the repeater process.

2) Adding Featured Block From Repeater

This process allows you to add an unlimited number of featured blocks. Also, you will have control over the number of featured blocks that you want to add to a column. To add the featured block from repeater, follow these steps:

  • Click on Add New button to add the Featured Blocks. You can add an unlimited number of these blocks.
  • The Featured Block allows you to add the icon, title, short detail and a link to point the block to the internal/external page. You can even disable the block if you don’t want to show the block and keep it for future use.


  • The theme provides 7 different styles in which you can display the feature block. Choose the one that you like.
  • You can even choose the no of columns to display in the single row from the option No of Columns.
  • Also, you can set an extra button and link it to any contents of your website.

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of the Featured Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on “Publish” to save changes.

 

 

Portfolio Section

The portfolio section allows you to showcase your work or project in an interesting masonry view.

From the Total Plus plugin, you can add the portfolio section in 2 different ways. They are:

1) Post Category

2) Portfolio Category

1) Post Category

Before you configure the portfolio settings, you need to create a portfolio post with an image from post custom post type.

To create a portfolio post, follow these steps:

  • Go to Dashboard > Posts > Categories.
  • Enter the name for the portfolio Category.

  • Click on the “Add New Category” button.

Create Portfolio Posts

  • Go to Dashboard > Posts > Add New.
  • Enter the title for the portfolio post.
  • Enter the contents for the portfolio post.
  • Select the Portfolio categories under the categories option.
  • Set the featured image for the portfolio post.

  • Click on the Publish/Updatee button.
  • Now, go to Home Page Sections/Settings > Portfolio Section.
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.
  • Then, select the portfolio category that you have created.

  • Now configure the settings available in the portfolio block to make your portfolio section unique and attractive to your audiences.
  • Once done, click on the “Publish” button to save changes.

2) Adding Portfolio from Portfolio Category

(Before you configure the setting, you will need to create the portfolio post with an image.)

  • Go to Home Page Sections/Settings > Portfolio Section.
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

 

  • Now select the categories that you want to display on the portfolio section and set the active category.
  • Also, select the portfolio tab layout from any of the 4 pre available portfolio tabs.

  • Now select the portfolio masonry layout from any of the 6 pre available layouts and set the order of the portfolio.
  • You can also enable/disable the full-width portfolioportfolio gaps, zoom button, and link button.

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of the Portfolio Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Service Section

The service section allows you to display the services your company provides. It is divided in 2 different blocks where you can list the services in one block and display an attractive image in another.

To configure the service section, follow these steps:

  • Go to Home Page Sections/Settings > Service Section.
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add the featured block from 2 different ways. They are:

1) From Page

2) From Repeater

1) Adding Service Block From Page

In this method, you need to create pages for displaying it to the service block. To create a new page, follow these steps:

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the feature page.
  • Enter the contents for the page in the content area.

  • Click on Publish/Update button.

You can create other service pages in the same way.

  • Now, select the pages that you have created for the Service Blocks.

  • Now, configure the settings available in the service block to make it unique and attractive.
  • Once done, click on the “Publish” button to save changes.

Note: From this method, you can add upto 6 service blocks. So, if you want to add more than 6 service blocks, we recommend you follow the repeater process.

2) Adding Service Block From Repeater

This process allows you to add an unlimited number of service blocks.  To add the service block from repeater, follow these steps:

  • Add as many service blocks as you require. Then, give title, content, link text and links for each of the services. Also, upload the most suitable icons for each service.
  • Choose a suitable icon for the service list and give the service title and the contents.
  • Also, add read more text and read more links.


  • After that, add the background image for the service section and configure its repeat, size, position, and attachment.
  • You can display the services on the right block and background in on the left block or vise versa from the image position option.

  • Now select any of the 4  service block layouts available to display the service section.
  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • If you want to change the color of different elements of Service Section, go to the style tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on “Publish” to save changes.

Team Section

This section allows you to display the team member of your company in either grid or in a carousel form in multiple styles.

To configure the team section, follow these steps:

  • Go to Home Page Sections/Settings > Team Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add the team block in 2 different ways.

1) From Page

2) From Repeater

1) Adding Team Block From Page

In this method, you need to create pages for displaying it to the team block. To create a new page, follow these steps:

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the feature page.
  • Enter the contents for the page in the content area.

  • Click on Publish/Update button.

You can create other team pages in the same way.

  • Now, select the pages that you have created for the Team Blocks.

  • Now, configure the settings available in the service block to make it unique and attractive.
  • Once done, click on the “Publish” button to save changes.

Note: From this method, you can add up to 4 team members. So, if you want to add more than 4 team members, we recommend you follow the repeater process.

2) Adding Team Block From Repeater.

  • Click on Add New button to add the Team Blocks. You can add an unlimited number of these blocks.
  • Add the name and designation of your team members. Upload the image. Add short intro of the person and the social profile link. You can also add a link to point the block to the internal/external detail page. You can even disable the block if you don’t want to show the block and keep it for future use.


  • The theme provides 6 different styles in which you can display the feature block. Choose the one that you like.
  • You can even choose the no of columns to display in the single row from the option No of Columns.
  • Enable Carousel Slider to Yes if you want to display the team member in Carousel.

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of Team Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the “Publish” button to save changes.

Counter Section

Counter section allows you to display the statistic of your company in numbers and animated counts. This can play a huge role in boosting the credibility of your business.

To configure the Counter Section, follow the instruction.

  • Go to Home Page Sections/Settings > Counter Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add a Counter block in 2 different ways. They are:

1) Simple Method

2) From Repeater

1) Adding Counter by Simple Method

  • Give the Title for your counter.
  • Add Counter Value and choose the most suitable icons.

  • Use the same process to add other counters as well.
  • Once done, click on “Publish” button to save changes.

Note: Upto 4 Counter Blocks can be added from this method, if you want to add more than 4 Counter Blocks, you can follow the repeater method.

2) Adding Counter From Repeater

  • Click on Add New button to add the Counter Blocks. You can add an unlimited number of these blocks.
  • The Counter Block allows you to add the title, count value with an icon. You can even disable the block if you don’t want to show the block and keep it for future use.

  • The theme provides 4 different styles in which you can display the feature block. Choose the one that you like.
  • You can even choose the no of columns to display in the single row from the option no of columns.
  • Also,  you can link the section with a button at the bottom of the page. Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of Counter Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on “Publish” to save changes.

Testimonial Section

This section allows you to display testimonials in a grid, carousel, or slider. To configure the Testimonial Section, follow the instruction.

To configure the Testimonial Section, follow these steps:

  • Go to Home Page Sections/Settings > Testimonial Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add the team block in 2 different ways.

1) From Page

2) From Repeater

1) Adding Testimonial Block From Page

In this method, you need to create pages for displaying it to the team block. To create a new page, follow these steps:

  • Go to Dashboard > Pages > Add New.
  • Enter the title for the feature page.
  • Enter the contents for the page in the content area.

  • Click on Publish/Update button.

You can create other testimonial pages in the same way.

  • Now, select the pages that you have created for the Testimonial Blocks.

  • Now, configure the settings available in the service block to make it unique and attractive.
  • Once done, click on the “Publish” button to save changes.

2) Adding Testimonial Block From Repeater

  • Click on Add New button to add the Testimonial Blocks. You can add an unlimited number of these blocks.
  • Add the name and designation and testimonial text of your client. Upload the image. You can even disable the block if you don’t want to show the block and keep it for future use.
  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • The theme provides 4 different styles in which you can display the feature block. Choose the one that you like.
  • You can even link the section with a button at the bottom of the page. Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • If you want to change the color of different elements of the Testimonial Section, go to the Style Tab. There, you can pick any colors of your choice using the color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Pricing Section

Pricing Section helps you to display the pricing plan in a comparative way. There are 4 different styles in which you can display the pricing table.

To configure the Pricing Section, follow these steps:

  • Go to Home Page Sections/Settings > Pricing Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

  • Click on Add New button to add the Pricing Blocks. You can add an unlimited number of these blocks.
  • Add Pricing Title, Currency Symbol, Price, Price Per(/month, /year), Plan Feature List, Button text, Button Link. Enter the Plan Feature List separated by entering. You can even disable the block if you don’t want to show the block and keep it for future use.

  • The theme provides 4 different styles in which you can display the pricing block. Choose the one that you like.
  • You can even link the section with a button at the bottom of the page. Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of the Pricing Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Blog Section

The blog section allows you to display the blog posts in various layout.

To configure the blog section, follow these steps

  • Go to Home Page Sections/Settings > Blog Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

  • Select any of the 4 pre-available styles in which you want to display the blog section.
  • Exclude the category that you don’t want to show in your latest block.

  • Choose the number of columns and the number of latest blog posts to show.
  • You can even control the blog excerpt length. Select the number of characters to display in the blog excerpt.
  • Set either to display the date or not from the show date option.
  • Add the Title and select the page. Choose the icon that displays along with the tab title. You can even disable the block if you don’t want to show the block and keep it for future use.
  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • If you want to change the color of different elements of Blog Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Client Logo Section

This section allows you to showcase the logo of your clients, partners, and sponsors with a clickable link.

To configure the Client Section, follow these steps:

  • Go to Home Page Sections/Settings > Clients Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

You can add the client logo from 2 different ways. They are:

1) From Gallery

2) From Repeater

1) Adding Client Logo From Gallery

  • Click on Add Images and Select the logo images that you want to add to the client logo section

  • Then, configure the settings available for the client logo section to display the logo of your client in a unique and attractive way.
  • Once done, click on the “Publish” button.

2) Adding Client Logo From Repeater

  • Click on Add New button to add the Client Blocks. You can add an unlimited number of these blocks.
  • Upload the client logo and add a link. You can even disable the block if you don’t want to show the block and keep it for future use.
  • To make the logo link open in a new tab, check the Open Logo Link in New Tab option.
  • You can even link the section with a button at the bottom of the page.

  • The theme provides 4 different styles in which you can display the Client Logo. Choose the one that you like.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • If you want to change the color of different elements of Clients Logo Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the “Publish” button to save changes.

Call to Action Section

In the call to action section, you can display 2 CTA buttons in multiple layouts. It will help you to increase the user engagement of the website.

To configure the Call to Action Section, follow these steps:

  • Go to Appearance > Customize > Home Page Sections/Settings > Call to Action Section.
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Enter Button Text and Button Link. Fill Button 1 and Button 2 if you want to show 2 buttons. Fill only Button 1 or Button 2 if you want to show a single button.

  • You can embed the video from Youtube, Vimeo, and VK by pasting its link of the Video URL.
  • Also, select the Video Play Icon.
  • Choose the style in which you want to display the CTA Section from the 4 layouts.

  • If you want to change the color of different elements of Call to Action Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Contact Section

In Contact Section, you can display a google map with the contact form, contact details, and social icons.

  • Go to Appearance > Customize > Home Page Sections/Settings > Contact Section

To add the Google Map, follow the instructions

  • To display the Google Map, you need to generate the Google Map API Key. To generate the Google Map API, follow the instruction described here
  • After generating the Google Map API, add the key in Google Map API Key field
  • Enter the Longitude and Latitude value of the location. Get the Longitude and Latitude value of the location from here
  • You can display the map in 3 different styles. Choose the one you like.

To add the Contact Form and Contact Detail, follow the instruction

  • The Contact Form and Contact Detail can be shown or hidden as required. To show set the Show Contact Detail to Yes and to hide set it to No.
  • Install Contact Form 7 plugin, add a new contact form with the fields that you need and generate the Shortcode.
  • Paste the Shortcode in Contact Form Shortcode field
  • Add the contact detail
  • Set Show Social Icons Below Contact Detail to On to display the social icons just below the contact detail. Set it to Off if you don’t want to display.
  • To add the social icon click on the link below Social Icons heading.

  • If you want to change the color of different elements of Contact Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Tab Section

The tab section allows you to display your web content in a tabbed form. It will make it easier for your visitors to find the information that they are looking for.

To configure the tab section, follow the steps:

  • Go to Home Page Sections/Settings > Tab Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

  • Click on Add New button to add the Tab Blocks. You can add an unlimited number of these blocks.
  • Create new pages and add content for the tab section.
  • Add the Title and select the page. Choose the icon that displays along with the tab title. You can even disable the block if you don’t want to show the block and keep it for future use.

  • The theme provides 3 different styles in which you can display the tab block. Choose the one that you like.

  • If you want to change the color of different elements of Tab Section Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

News & Update Section

News & Update Section allows you to display the images and text contents side by side with a read more button. This section can be used to highlight any types of news or updates that you have released on your website in a clean and attractive way.

To configure News & Update Section, follow these steps:

  • Go to Appearance > Customize > Home Page Sections/Settings > News & Update Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

  • Click on Add New button to add the News & Update Blocks. You can add an unlimited number of these blocks.
  • Give Title to your Updates Block and add the required contents on them.
  • Upload Image and add the button text and button link.

  • Now select any of the block styles from 3 available update block styles.
  • You can even link the section with a button at the bottom of the page.
  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.

  • If you want to change the color of different elements of News  & Update Section Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the “Publish” button to save changes.

Highlight Section

Highlight Section allows you to display some of your business firms with images and text.

To configure the Highlight Section, follow the steps:

  • Go to Home Page Sections/Settings >Highlight Section
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.

  • Click on Add New button to add the Highlight Blocks. You can add an unlimited number of these blocks.
  • The Highlight Block allows you to add the icon, image, title, short detail, and a link to point the block to the internal/external page. You can even disable the block if you don’t want to show the block and keep it for future use.

  • The theme provides 4 different styles in which you can display the feature block. Choose the one that you like.
  • You can even choose the no of columns to display in the single row from the option No of Columns.

  • Fill the fields More Button Text and More Button Link if you want to display a button at the bottom of the section.
  • If you want to change the color of different elements of Highlight Section, go to the Style Tab. There, you can pick any colors of your choice using color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the “Publish” button to save changes.

Custom Section

In the custom section, you can embed the contents from any custom created pages of the website.

To add the contents in the custom section:

  • Go to Appearance > Customize > Home Page Sections/Settings > Custom Section.
  • Enter Super Title, Title, Sub Title. These are the heading texts that display at the top of the section. Leave this field blank if you don’t want to show them.
  • Once you enter the text for these fields, you can display these titles in various ways. Choose the style that you want from the Title Style option.
  • Select a page of which you want to display the contents on the custom section. You can create a custom layout for the selected page using the page builder.

  • If you want to change the color of different elements of the Custom Section, go to the Style Tab. There, you can pick any colors of your choice using the color picker. Also, if you want to add separator or other advanced settings, you can check our article: Configuring Advanced Settings
  • Once done, click on the Publish button to save changes.

Blog/Single Post Settings

Blog Settings

By default, WordPress displays your content in a blog format on the homepage. But you can set a custom homepage as we described earlier and a separate page for blog posts. The blog setting applies to the blog page either you set it on the homepage or set a separate page for the blog. This setting also applies to the archive and search page. To configure the blog/archive page:

  • Go to Appearance > Customize > Blog/Single Page Settings.
  • By default, the blog tab will be active. If the block tab is not active, click on the Blog Page tab.
  • Choose any of the 4 available layouts for your blog archive page.
  • If you want to exclude any category on the blog archive page, check the category present in Exclude Category. The checked category won’t be included on the blog archive page.
  • You can either display the Full Content of the post in the blog page or choose the Excerpt for archive contents.
  • Also, change the text that links to the full detail page. For that, change the Read More Text option.
  • Enable/Disable Posted Date, Author, Comment, Category, Tag.
  • Once done, click on the “Publish” button to save changes.

Single Post Section

Whenever you click on the blog post, the single detail page opens. You can show and hide different elements on this page. To configure the Single Post, follow the instruction.

  • Go to Appearance > Customize > Blog/Single Post Settings and click on Single Post tab.
  • The first row in this page consists of Author, Date and Comment Count. You can either show or hide this row with Display Author/Date/Comments option. Set it to On to display and set it to Off to hide.
  • Set Display Category to On to show the category of the post that appears just below the content of the post. Set it Off to hide it.
  • The Tag appears just below the Categories. It only displays if you have any tags assigned to the post. You can set it to show or hide with Display Tags options.
  • Set the Display Social Share option to On to display the social sharing icons and Off to hide it. The theme has inbuilt post sharing feature.
  • Display Prev Next Navigation option displays the previous and next post of the current post. Set it to On or Off to show or hide it.
  • Display Author Box shows the brief introduction of the post author along with social icons. To display the author detail, you will need to set the Display Author Box option to On. Once you set it to on, it may not display because you will need to add the brief introduction of the author. To add the author detail, follow the instruction
    • Go to Users > All Users
    • Hover over the author and click on the edit link
    • Enter the First Name, Last Name, Nick Name and Social URL of the user.
    • Most importantly, enter the Biographical Info. Add some brief introduction of the author. The Author Box will not be visible until you add Biographical Info.
  • Now the last section is the Related Post. Set Display Related Posts to On or Off to show or hide the related post. Related posts are assigned by their category.
  • Then, choose the Featured Image display size for the blog post.

If you want to show/hide featured image on each page/post, you can go through Show/Hide Featured Image for Each Post and Page

  • You can also enable, disable or reorder the inbuilt social share button as per your preference.

  • Once done, click on the “Publish” button to save changes.

The theme provides you the option to make your sidebar sticky, change the sidebar position of different pages and posts of the website as well as choose a beautiful sidebar style. It will help you to display the widgets in a unique way.

To configure the sidebar settings:

  • Go to Appearance > Customize > Sidebar Settings.
  • Enable the Sticky Sidebar option if you want to make your sidebar sticky. If not, leave it off.
  • Choose the most suitable sidebar positions for general pages, posts, archive page, blog page, search page, and shop page.

  • Now go to the Styles tab and choose the most suitable sidebar style.

  • Now go to the style tab and pick a suitable color for the title, content, link, or link hover of your sidebar.
  • You can also set the space between the widgets.

  • Now go to the typography tab to choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height) for your sidebar content.

  • Once done, click on the “Publish” button to save changes.

If you want to change the sidebar layout for each page/post of your website, you can go through: Changing the Sidebar Layout and Choosing Unique Widget to Display for each Post and Page

The theme provides an option to choose from 5 different styled footer layouts. Apart from it, you can add upto 6 resizeable different footer columns. You can also upload the image for the footer or set the background color, border color, title color, text color, and anchor color. To configure the footer settings:

  • Go to Dashboard > Appearance > Customize > Footer Settings.
  • Choose the Footer Layout from available 5 styles
  • Now choose the number of footer columns that you want to create. You can have a minimum of 2 footer columns and a maximum of 6 footer columns. To add the footer column click on the (+) button and to remove the footer column click on the (-) button.
  • Then add the Copyright Text. You can add any text you want. Leave it to blank if you do not want to add anything.

  • Now go to Styles Tab to set the Footer Background Image.
  • You can add a custom background image or have a footer background gradient color.
  • If you choose to add footer background image, choose the background image and set its size, position, attachment, and repetition. Also, add the background overlay color and background color.

  • If you are choosing the gradient background choose the colors that you want a background with the combination of two or more colors.

  • Now scroll down below to enable/disable the footer top border.
  • Also, choose the suitable color for the footer title, footer text color, and footer anchor color for the top border.
  • Similarly, choose the background color, text color and anchor color for bottom footer.
  • You can also add the top bottom spacing for top and bottom footer.
  • Now go to the typography tab to choose the most suitable typography (font family, font weight, text transformation, text decoration, font size, letter spacing, and letter height) for your footer content.

  • Once done, click on the “Publish” button to save changes.

You can add different widgets on the footer section. To add widgets on the footer:

  • Go to Appearance > Widgets.
  • Drag and Drop the available widgets on the Footer Widget Area.

If you want to hide the header and footer section, you can check out the article: Hiding Header and Footer for Each Post and Page

Maintenance Mode

Total Plus comes with an inbuilt option to set up the maintenance mode page. The maintenance mode page will display an attractive landing page when the website is having any type of maintenance or is facing downstage. To set up and configure the maintenance mode page settings of the template, go through the article: Setting Up Maintenance Mode Page.

GDPR Settings

Total Plus is GDPR friendly WordPress theme that allows you to display cookie constant on the website. These cookie constants will send the notice to the visitors by asking them whether they agree or not to let the browser store their personal data. To configure the GDPR settings of the template, go through the article: Configuring GDPR Settings.

— THE END —