Total Plus Plugin Documentation

Note: If you want to upload a different image for different pages follow this article: Change the Background for Each Post and Page

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. You can add 3 different kinds of sliders in 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 of 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 the 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.

Configure the Style

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 a color picker for these sections: Slider Overlay Color, Caption Title Background Color, Caption Title Color, Caption Sub Title Color, Caption Button Colors, and, Slider Navigation Colors. Also, if you want to add a 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 parameters 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 instructions to use the 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 the Choose File button and select the Revolution Slider zip and click on the 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 the Video Tutorial 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 the option to add shortcode

Note: The Revolution Slider is a third party plugin, and you may need to update it manually for optimal functionality. For guidance on updating to the latest version, refer to the article: How to Update the Revolution Slider. This article provides a detailed, step-by-step process for updating the Revolution Slider.

3) Single Banner Image

With the Single Banner Image option, You will be able to upload a single static image with caption text and a linkable button. Follow the 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 fields 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 them.
• Choose the Banner Text Alignment either to Left, Right, or Center
• Also, choose the Background Effect either be Parallax effect or the Horizontal Scrolling Effect
• Finally, choose the Background Overlay Color. The Background Overlay Color brings some colorful effect to the banner and also makes 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 on which you want to display the message and display the progress bar of your company. The progress bar will allow highlight 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 the Total Plus theme, follow the introduction:

• Go to Home Page Sections/Settings >About Us Section.
• Choose the page on 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 bars by ticking the Check to Disable option.

Note: Up to 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 widget 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.

Configure the Style

If you want to change the color of different elements of the About Us Section, go to the Style Tab. Here you can pick a color for the section title, text, link, and link hover color. Moreover, you can also choose colors for the progress bar. Also, if you want to add a 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

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

• Go to Home Page Sections/Settings > Featured Section
• Enter Super Title, Title, Sub Title. These are the heading texts that are displayed 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 in 2 different ways.

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 the 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 up to 3 featured blocks. So, if you want to add more than 3 featured blocks, we recommend you follow the repeater process.

2) Adding a Featured Block From the 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 the repeater, follow these steps:

• Click on the 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 a single row from the option No of Columns.
• Also, you can set an extra button and link it to any content 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.

Configure the Style

If you want to change the color of different elements of the Featured Section, go to the Style Tab. In the color settings, you can choose a color for each of these sections: Section super title color, section title and text color, section link, and link hover color. Moreover, you can also choose colors for the featured blocks.  Also, if you want to add a 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.

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 of 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/Update button.
• Now, go to Home Page Sections/Settings > Portfolio Section.
• Enter Super Title, Title, Sub Title. These are the heading texts that are displayed 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 are displayed 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 in 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 portfolio, portfolio 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.

Configure the Style

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 the color picker. Also, if you want to add a 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 into 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 are displayed 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 in 2 different ways.

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 the 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 up to 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 the repeater, follow these steps:

• Add as many service blocks as you require. Then, give the 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 the background in on the left block or vice 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.

Configure the Style

If you want to change the color of different elements of the Service Section, go to the style tab. There, you can pick any colors of your choice for these: Section Super title color, Section Title, Text, Link, and Link Hover color. Also, if you want to add a 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 members of your company in either a grid or 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 are displayed 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 the 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 the 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 a 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 a 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.

Configure the Style

If you want to change the color of different elements of the Team Section, go to the Style Tab. There, you can pick any colors for the Team Block overlay, Block Title Designation, Excerpt, Social Icon, and detail link color.  Also, if you want to add a 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

The counter section allows you to display the statistics 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 instructions.

• Go to Home Page Sections/Settings > Counter Section
• Enter Super Title, Title, Sub Title. These are the heading texts that are displayed 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.

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 the “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 the 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, and 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 a 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.

Configure the Style

If you want to change the color of different elements of the Counter 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 a 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 instructions. 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 are displayed 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 the 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, 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.

Configure the Style

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 a 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

The pricing Section helps you to display the pricing plan comparatively. 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 are displayed 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 the 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.

Configure the Style

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 for Pricing Block Highlight Color and text color as well. Also, if you want to add a 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 layouts. 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 are displayed 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.

Configure the Style

If you want to change the color of different elements of the Blog 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 a 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 logos 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 are displayed 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 in 2 different ways.

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 uniquely and attractively.
• Once done, click on the “Publish” button.

2) Adding Client Logo From Repeater

• Click on the 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 the 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.

Configure the Style

If you want to change the color of different elements of the client logo Section, go to the Style Tab. There, you can pick any colors of your choice using a color picker. Also, if you want to add a 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 are displayed at the top of the section. Leave this field blank if you don’t want to show them.
• Enter the 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 the 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.

Configure the Style

If you want to change the color of different elements of the Call to Action Section, go to the Style Tab. There, you can pick any colors of your choice using a color picker. Also, if you want to add a 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 the 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 Maps, 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 instructions described here
• After generating the Google Map API, add the key in the Google Map API Key field
• Enter the Longitude and Latitude values 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 the Contact Form 7 plugin, add a new contact form with the fields that you need, and generate the Shortcode.
• Paste the Shortcode in the 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 the Social Icons heading.

Configure the Style

If you want to change the color of different elements of the Contact Section, go to the Style Tab. There, you can pick any colors of your choice using a color picker. Also, if you want to add a 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 are displayed 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 the 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.

Configure the Style

If you want to change the color of different elements of the Tab Section 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 a 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

The 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 cleanly and attractively. To configure the 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 are displayed 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 the 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 the Image and add the button text and button link.

• Now select any of the block styles from 3 available updated 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.

Configure the Style

If you want to change the color of different elements of the News  & Update Section Section, go to the Style Tab. There, you can pick any colors of your choice using a color picker. Also, if you want to add a 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 are displayed 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 the 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 a 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.

Configure the Style

If you want to change the color of different elements of the Highlight Section, go to the Style Tab. There, you can pick any colors of your choice using a color picker. Also, if you want to add a 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 are displayed 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 on which you want to display the contents in the custom section. You can create a custom layout for the selected page using the page builder.

Configure the Style

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 a 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 up 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. Here is the demo link for these blog layouts
  • Blog Layout I – View Demo
  • Blog Layout II – View Demo
  • Blog Layout III – View Demo
  • Blog Layout IV – View Demo
• If you want to exclude any category on the blog archive page, check the category present in the Exclude Category. The checked category won’t be included on the blog archive page.
• You can either display the Full Content of the post on the blog page or choose the Excerpt for archive content.
• 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 Settings

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

• Go to Appearance > Customize > Blog/Single Post Settings and click on the Single Post tab.
• The first row on this page consists of the Author, Date, and Comment Count. You can either show or hide this row with the 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 them. The theme has an 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 a brief introduction of the author. To add the author’s details, 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 a 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.

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

Sidebar Settings

The theme provides you the option to make your sidebar sticky, change the sidebar position of different pages and posts of the website, and choose a beautiful sidebar style. It will help you to display the widgets uniquely. 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 pages, blog pages, search pages, and shop pages.

• 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

Footer Section

The theme provides an option to choose from 5 different styled footer layouts. Apart from that, you can add up to 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 the 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.

• On the Bottom Footer, you can either display Copyright Custom Text or Widgets or hide the bottom footer completely.

• Now go to the 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 a 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 the bottom footer.
• You can also add the top bottom spacing for the top and bottom footers.
• 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 Dashboard > Appearance > Widgets.
• In the widgets section, you can see the widgets you’ve created. To add content to your widget, click on the widget you wish to configure, such as the Right sidebar. Here, you can incorporate pre-built theme widgets by dragging and dropping them into the desired location.
• To edit each section, just open the widget you want and enter the content you want to appear in that particular section.
• Click on Update once you have added the required content in your 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 Compatible WordPress theme that allows you to display cookies consent 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.

Install Plugin

This theme recommends the required plugins to install to fully function the premium theme. You simply have to go to this section and install all the recommended plugins. To install the plugins :

• Go to Dashboard > Total Plus Panel.
• Click on Install Plugins.
• Now, install the recommended plugins.

Add Widget Area

To create more widget sections, you can do that by expanding the widget area in this location. To add more widgets, follow these simple steps:

• Go to Dashboard > Total Plus Panel.
• Click on Add Widget Area.
• Add the Name of the Widget.
• Click on Create Widget Area which will save multiple widgets that you have created.

To learn more on how to create a new Widget area follow this article: Add New Widget Area.

Theme Options

Theme Options allow you to selectively enable or disable some of the theme features. This action can help improve loading times and simplify the interface by removing unnecessary features you don’t intend to configure.

• Go to Dashboard > Total Plus Panel.
• Click on Theme Options.

Customizer Settings

Within this section, you can disable Icon Sets, Maintenance Mode Panel, GDPR Settings Panel, and Home Page Settings Panel if you are not using them.

Widget Settings

You can disable the unnecessary widgets that you don’t need to use. This helps to get rid of widgets cluster on the widget page and also improves the loading speed of your website.

Elementor Widget Settings

This theme offers a range of Elementor Widgets. However, having unnecessary widgets you don’t plan to use can potentially slow down your site’s loading speed. To address this, you can utilize this section to control the visibility of specific widgets, either showing or hiding the ones you don’t want to appear.

Likewise, there are several extender elements that you might want to Show/Hide, enabling your site to load more quickly and facilitating a quicker customization process. To save the modifications, click on the Save Options button.

API Keys

You can manually generate maps for your location by entering the API Keys. This area enables you to input the necessary API Keys for map integration.

Adding License Key and Updating a Premium Theme

When purchasing Premium Themes, you gain access to the auto update feature, which periodically delivers updates for your theme. However, to enable this feature, it is essential to input the License Key. The License Key serves as a verification mechanism, confirming your status as a legitimate user of the theme. One of the key functions of the License Key is to facilitate automatic update notifications for your theme. This system streamlines the update process, allowing you to effortlessly apply the latest updates with just a single click, ensuring that your theme remains up to date. Although the absence of the License Key does not directly impact the functioning of the theme, it does lead to the lack of update notifications. Updates are crucial for maintaining optimal performance as they often include bug fixes, ensure compatibility with the latest WordPress updates, and introduce new features and enhancements. Therefore, it is highly recommended to integrate your unique License Key to maximize the benefits of seamless updates and to guarantee that your website is equipped with the most recent improvements and enhancements available for your chosen theme. To know more on how to update the license key follow this article: Adding License Key and Updating Premium Total Plugin

Other Articles

• Show/Hide Featured Image for Each Post and Page
• Changing the Sidebar Layout and Choosing Unique Widget to Display for each Post and Page
• Changing the Title Bar(Header) Background for each Post and Page
• Changing the Background and Text Color for each Post and Page
• Hiding Header and Footer for each Post and Page
• Create Portfolio with Images
• Menu Top and Bottom Padding
• Adding New Widget Area
• Configuring GDPR Settings
• Setting Up Maintenance Mode Page
• Configuring Advanced Settings
• Add Google Map with iFrame(Embed) Code
• Adding License Key and updating a Premium Theme
• Creating Mega Menu
• Creating One Page Menu in Total Plus
• Creating a Google Maps API Key
• How to Update the Revolution Slider.