Restore
WordPress Theme Documentation

Installation Steps

A WordPress theme can be installed and activated using the FTP and the Zip file uploading method.

• FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
• Zip File Upload: Navigate to Appearance >> Themes >> Add New >> Upload. Go to browse, and select the zipped theme folder. Hit Install Now and the theme will be uploaded and installed.

Step 01: Go to WP admin dashboard and click on Appearance >> Themes >> Add New.

Step 02: Click on Upload Theme.

Step 03: Browse the file restore.zip which you will have from the download and click on Install Now .

Step 04: Activate the theme.

Step 05: Click on Begin Installing Plugins link.

Please install and activate the following pre-packaged plugins:

• One Click Demo Import. (Required, but you can deactivate it after import demo data)
• WPBakery Page Builder (formerly WPBakery Page Builder). (Required)
• Restore Theme WPBakery Page Builder Addons. (Required).
• Redux Framework. (Required)
• Contact Form 7.(Required)
• Mailchimp For WP. (Required)
• Woocommerce. (Optional, If you want to run a shop install and activate it).
• Widget Importer & Exporter. (Required, but you can deactivate it after import demo data).
• WordPress Importer. (Required, but you can deactivate it after import demo data).

Step 06: Select the plugins to Install and click Apply.

Step 07: After install the plugin click on Return to Required Plugins Installer.

Step 08: Select the plugin to Activate and click Apply.

Step 09: After active the plugin click on Return to the Dashboard.

Child Theme Installation

The Installation process of a child theme is similar to the parent WordPress theme. Please note that the A Child theme is often used by the developers who want to override/extend a theme's features or functionalities without changing the parent theme's codes. You will get the child theme zip file inside the theme package.

Output:

Import Demo Data

Usually, creating a website from the beginning is a time-consuming and challenging process. The theme comes with the most popular 'One Click Demo Installation' feature, which allows you to get the site ready precisely like the theme demo within a few minutes.

Few Important Notes

• Make sure that Restore Parent Theme has been installed and activated on your site.
• Please note that your previous website data and settings may be removed or modified after importing demo data. So, we strongly recommend importing Restore theme demo data on a new WordPress site.
• Usually, importing demo data takes 3-5 minutes to complete the entire process. However, it may take a bit longer to import all the images and demo data from our server. Please keep patience and do not close the browser while importing process is running on the site.
• You can deactivate the 'One Click Demo Import' plugin after completing the importing task.

Please follow the steps -

Step 01: Make sure you have installed and activated the 'One Click Demo Import' plugin.

Step 02: Next, go to Appearance >> Import Demo Data page.

Step 03: You will get all the demo lists in here. Select your required demo and click on the Import button. Usually, importing demo data takes 3-5 minutes to complete the entire process. Please keep patience and do not close the browser while importing process is running on the site.

Step 04: Once the importing process is completed successfully, you will get a success message.

Step 05: Check Result -

Setup Favicon

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: The Favicon option allows uploading a custom favicon for the site. Recommended icon size is 64x64 and file type in PNG format.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Customize Pre Load Screen

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: Next, If you want to disable the Pre-loading screen, turn ON the Disable Preloader? option.

Step 03: The Pre Loading Icon option allows uploading a custom icon for the Pre loading screen. Recommended icon size is 64x64 and file type in GIF format.

Step 04: From the Preloader Background option, set the custom background color of the preloading screen.
Default: #FFFFFF

Step 05: Finally, click Save Changes button to save the settings.

Output:

Customize Back To Top Button

Step 01: From WP admin menu, navigate to Restore Options >> General tab.

Step 02: Next, If you want to remove/disable the Back To Top button, turn ON the Disable Back To Top? option.

Step 03: From the Back To Top Button Background option, set the custom background color of the button.
Default: #F69323

Step 04: Finally, click Save Changes button to save the settings.

Output:

Setup Site Logo (Image Logo)

Step 01: From Admin menu, navigate to Restore Options >> Logo tab.

Step 02: Next, from the Logo Type Option, click on the Image button.

Step 03: The Upload Logo option allows uploading a custom logo. Recommended icon size is 200x40 and file type in JPEG/PNG format.

Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.

Step 05: Finally, click Save Changes button to save the settings.

Output:

Setup Site Logo (Text Logo)

Step 01 From Admin menu, navigate to Restore Options >> Logo tab.

Step 02: Next, from the Logo Type Option, click on the Text button.

Step 03: The Logo Text option allows add a custom text logo. Additionally, you can set Font Family, Font Weight, Font Size and Font Color from the Logo Font option.

Step 04: To align the logo perfectly in the header area, you can add custom values in Logo Margin & Logo Padding options.

Step 05: Finally, click Save Changes button to save the settings.

Output:

Header Content

Restore WordPress theme comes with a custom toolbar layout style.

Toolbar

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Toolbar tab.

Step 02: You can enable/disable toolbar. You can also customize toolbar color, font size, texts and set padding according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Toolbar Sample HTML Code

Toolbar Left Content:

<span class="margin-right20">

<i class="fa fa-phone-square"></i> (+01) 284-5321-5831

</span>

<a href="mailto:info@restore.org">

<i class="fa fa-paper-plane"></i> info@restore.org

</a>

Toolbar Right Content:

<i class="fa fa-map-marker"></i> 504 Syl Avenue, Sylhet 1214, Finland

<span class="margin-right20">
<i class="fa fa-phone-square"></i> (+01) 284-5321-5831
</span>
<a href="mailto:info@restore.org">
<i class="fa fa-paper-plane"></i> info@restore.org
</a>

Output:

Customize Menu/Navigation Color

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Navbar tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Header Middle & Right Content

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Header Middle & Right Content tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Social Icons

Step 01 From Admin menu, navigate to Restore Options >> Header Content >> Social Icons tab.

Step 02: You can customize menu color, menu item background, menu fonts and set padding/margin according to your requirement.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Add Copyright Text

Step 01 From Admin menu, navigate to Restore Options >> Footer Content tab.

Step 02: You can set custom copyright text according to your requirement. You can also disable this copyright text section.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Setup theme Typography, background, Heading & Sidebar(Widget) styles

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Body Styling tab.

Step 02: You can set body background, fonts, text size, link colors according to your requirements. Also, you can manage heading(h1,h2,h3,h4,h5,h6) color and font size. You can set theme sidebar(widget) background and fonts from body styling section.

Step 03: Finally, click Save Changes button to save the settings.

Header Styling

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Header Styling tab.

Step 02: You can enable/disable sticky header option from here. Also, set custom font and background color of default header and after sticky position font and background color.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Bottom Widget Area Styling

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Bottom Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Footer Styling ( Copyright Text Area )

Step 01 From Admin menu, navigate to Restore Options >> Styling Options >> Footer Styling tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Blog Settings

Step 01 From Admin menu, navigate to Restore Options >> Blog Settings tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Output:

Global Color

Step 01 From Admin menu, navigate to Restore Options >> WPBakery Elements >> Global Color tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Section Headline

Step 01 From Admin menu, navigate to Restore Options >> WPBakery Elements >> Section Headline tab.

Step 02: You can set custom background image and background color bottom. Also, customize bottom widget fonts and colors.

Step 03: Finally, click Save Changes button to save the settings.

Section Classes

• Section Default section-content-block
• Minimal Section Content Block section-content-block-minimal
• Section Pure White Background section-pure-white-bg
• Section Secondary Background section-secondary-bg

Basic Steps of Using The Addon

Step 01 From WP admin menu, navigate to Pages >> Add New link.

Step 02: Next, click on the WPBakery Page Builder button to activate page builder layout.

Step 03: Add a title of the page and click Backend Editor button.

Step 04: Next, click on the Add Element button to add page contents.

Step 05: A Popup window will appear with all the available elements. Next, click on the Row element.

Step 06: Awesome ! You just created a new row. Now, we are going to add element into it. Click on the + button.

Step 07: Again, Popup window will appear and click on the Wizard VC tab. Here goes all the custom elements to create Restore theme.

Step 08: Great ! Now you know the basic steps to add elements into WPBakery Page Builder. We are going to follow these basic steps for every elements.

About Addon

Output:

Button Addon

Output:

Contact Info Addon

Output:

Counter Addon

Output:

CTA Addon

Output (Layout 1):

Output (Layout 2):

Gallery Addon

Output:

Heading Addon

Output:

Highlight Addon

Output:

Logos Addon

Output:

Pricetable Addon

Output:

Process Addon

Output:

Slider Addon

Output:

Social Link Addon

Output:

Team Addon

Output:

Testimonial Addon

Output:

Blog Addon

Output:

Restore Metabox

• 

  Post Sidebar Display

  If you want to remove the sidebar from the page, select Without Sidebar option from the dropdown.

• 

  Post Thumbnail Display

  If you want to remove the featured image from the page, select Hide option from the dropdown.

• 

  Post Title Display

  If you want to remove the title of the page, select Hide option from the dropdown.

• 

  Post Meta Display

  If you want to remove category, tag author and date information from the page, select Hide option from the dropdown.

• 

  WPBakery Page Builder Page

  If you want to create a layout using WPBakery Page Builder, select Yes option from the dropdown.

Page Templates

• 
  • Home Page
  • One Page
  • Full Width Template
  • Blog Both Sidebar
  • Blog Full Width
  • Blog Left Sidebar
  • Blog Right Sidebar
  • Blog Sidebars in Left
  • Blog Sidebars in Right

Home Page Layouts

Step 01 Go to Pages >> Add New from the left panel. Input the title Home Page 1 of the page.

Step 02: From Restore Metabox panel, select Yes of the WPBakery Page Builder Page dropdown.

Step 03: Next, From Page Attributes panel, select Homepage of the Template dropdown.

Step 04: Click on the Backend Editor button to activate WPBakery Page Builder layout.

Step 06: In this page layout, we added different WPBakery Page Builder Elements such as- Buttons, Heading Block, Highlights, Slider, Team, Testimonial etc. You can also add different Elements according to your need.

About Us Page

Step 01 Go to "Pages >> Add New" from the left panel.

Step 02: Input the title "About Us" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Page Layout Settings select "WPBakery Page Builder Page" to "Yes" .

Step 03: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process.

Step 04: Click on Add New Element to achieve a Row of WPBakery Page Builder.

Step 05: Inside the Row you can add different elements by drag n drop WPBakery Page Builder.

Step 06: We added WPBakery Page Builder Elements to achieve the about page layout, you should see WPBakery Page Builder in the Documentation Folder.

Step 07: Here are the screenshot of Different Elements we used in the About Us page.

Gallery Page

Step 01Navigate to Pages >> Add New from the left panel.

Step 02:From the right side Page Attribute, select Full Width Template from the Template dropdown. Then, from Page Layout Settings select "WPBakery Page Builder Page" to "Yes".

Step 03:Click on Backend Editor to activate WPBakery Page Builder drag n drop process.

Step 04:Click on Add New Element to achieve a Row of WPBakery Page Builder.

Step 05:Inside the Row you can add different elements by drag n drop WPBakery Page Builder.

Step 06:We added Wiz Gallery WPBakery Page Builder Element to create the gallery page layout.

Step 07: Here are the screenshot of Different Elements we used in the Gallery page.

- Gallery 01 (Simple):

- Gallery 02 (Carousel):

Contact Page

Step 01 Go to Contact >> Add New from the left panel.

Step 02: Input the title "Contact form 1" of the Contact Form and Setup the From portion of the contact from(Ex: See the following screenshot).

Step 03: Setup the Mail portion of the contact from (Ex: See the following screenshot)

Recommendation: https://www.youtube.com/watch?v=PV26aJ05zXM

Step 04: Setup the Messages portion of the contact from (Ex: See the following screenshot)

Step 05: Click Save to save the Form and you will get a form short code which we'll paste in a page to achieve the form output.

Step 06: Go to "Pages > Add New" from the left panel.

Step 07: Input the title "Contact 1" of the page. From the right side Page Attribute, select Home Page from the Template selection dropdown. From The right side Page Layout Settings select "WPBakery Page Builder Page" to "Yes".

Step 08: Click on Backend Editor to achieve WPBakery Page Builder drag n drop process.

Step 09: Click on Add New Element to achieve a Row of WPBakery Page Builder.

Step 10: Inside the Row you can add different elements by drag n drop WPBakery Page Builder.

Step 11: We added WPBakery Page Builder Google Map, Info Box and Text Block Elements for this page.

Step 12: You should see the WPBakery Page BuilderDocumentation Folder.

Step 13: Setup the Google Map Elements Latitude and longitude to achieve the map.

Step 14: Paste the short code into the Text Block (Ex: like following you will have a short code).

[contact-form-7 id="75" title="Contact form 1"]

Step 15: Here are the screen shot of Different Block Elements we used in the Contact 1 page.

Contact Form Code:

We strongly recommend to use the following codes to generate contact form layout.

[text* your-name "Name"]
[email* your-email "Email"]
[text your-subject "Subject"]
[textarea your-message 40x5 "Your message here"]
[submit "Send"]

Contact Form Output:

Quote Form Code:

We strongly recommend to use the following codes to generate contact form layout.

[text* your-name class:required "John Smith"]
[text* your-phone class:required "Your Phone"]
[textarea your-message 40x5 "your message here ..."]
[submit "Send Request"]

Quote Form Output:

Blog Page

Step 01 Click on Posts >>Categories from the admin side left panel and create post Categories.

Step 02: Click on Posts >> Add New from the admin side left panel and create post under the Categories. Set the right side Restore Metabox according to your needs for single post view.

Step 03: Click on Pages>>Add New from the admin side left panel and input Page Title.

Step 04: In the right side Page Attributes set the Template to Blog Both Sidebar, Blog Full Width, Blog Left Sidebar, Blog Right Sidebar, Blog Sidebars in Left or Blog Sidebars in Right, whatever layout you want from the dropdown.

WooCommerce Store

Step 01 After installing the WooCommerce plugin during the theme installation, you will have all the pages (Cart, Store, My Account, Checkout) in the left panel Appearnce >> Menus. Add these items to the main menu.

Step 02: To add a WooCommerce category go to Products >> Categories from the left panel and then add new product Category.

Step 03: To add a WooCommerce Products go to Products >> Add Product from the left panel and then add new products under any Categories.

Step 04: Now you should see all the added new products in the front end Store/Shop Page.

Step 05: if you want to use WooCommerce as an advance user then refer this link WooCommerce Docs , you will have all the things as an advance user.

Primary Menu/Main Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02: Next, click on Manage Locations tab to set primary menu. Select 'Menu Menu' from Assigned menu column and click Save Changes button.

Output:

Footer Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02: Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.

Output:

One Page Menu

Step 01 Navigate to Appearance >> Menus . Now, select you're required menu items from left panel and click Add to Menu button.

Step 02: Next, click on Manage Locations tab to set footer menu. Select Footer Menu from Assigned menu column and click Save Changes button.

Output:

Blog (Sidebar Right) Widget

Output:

Blog (Sidebar Left) Widget

Output:

Footer Widget

Output:

WooCommerce Widget

Output:

Step 01 To translate the theme texts, please download and install Poedit software in your computer. Here goes the download link- https://poedit.net/download

Step 02 Next, navigate to /wp-content/themes/restore/languages/. You will get a file named 'restore.pot'.

Step 03 For example, we want to translate our theme text in to Dutch language. So, copy 'restore.pot' file and rename it to 'de_De.pot'

Step 04 Now, open that newly created 'de_De.pot' file using Poedit software. You will get all the theme texts in there and you just need to add appropriate translated text in Translation box.

Step 05 Finally, save the file and you will get 'de_De.mo' file inside languages folder.

Check Video Tutorial

Upgrading to version 1.3.3

• Replace all files and directories in your themes/restore folder.

2023, January, 05 - v 1.2.3

• - Updated: Theme for WP version 6.1.1
• - Updated: WPBakery Page Builder Addons (6.10.0)
• - Updated: Theme options panel.
• - Updated: Theme language/translation file.
• - Updated: Theme documentation.

2022, May, 24 - v 1.2.2

• - Updated: Theme Options Panel.
• - Updated: Theme language/translation file.
• - Updated: Theme documentation.

2022, April, 14 - v 1.2.1

• - Updated: WPBakery Page Builder to 6.9.0
• - Updated: Theme Options Panel.
• - Updated: Theme language/translation file.
• - Updated: Theme documentation.

2021, December, 31 - v 1.2.0

• - Updated: WPBakery Page Builder to 6.8.0
• - Updated: Theme Options Panel.
• - Updated: Theme language/translation file.
• - Updated: Theme documentation.

2021, July, 25 - v 1.1.9
- Updated: WPBakery Page Builder to 6.7.0
- Updated: Theme Options Panel.
- Updated: Theme language/translation file.
- Updated: Theme documentation.

2021, March, 09 - v 1.1.8
- Updated WPBakery Page Builder to 6.6.0
- Updated Restore WPBakery Page Builder Addons to 1.1.8
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2021, January, 24 - v 1.1.7
- Updated WPBakery Page Builder to 6.5.0
- Updated Restore WPBakery Page Builder Addons to 1.1.7
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2020, December, 02 - v 1.1.6
- Updated WPBakery Page Builder to 6.4.2
- Updated Restore WPBakery Page Builder Addons to 1.1.6
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2020, October, 02 - v 1.1.5
- Updated WPBakery Page Builder to 6.4.1
- Updated Restore WPBakery Page Builder Addons to 1.1.5
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2020, May, 02 - v 1.1.4
- Updated WPBakery Page Builder to 6.2
- Updated Restore WPBakery Page Builder Addons to 1.1.4
- Updated WooCommerce single product page featured image zoom issue.
- Updated Added Font-Awesome 5 Support.
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2020, January, 25 - v 1.1.3
- Updated WPBakery Page Builder to 6.1
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, September, 03 - v 1.1.2
- Updated Restore - VC Addons to 1.0.9
- Updated Theme Options Panel.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, August, 20 - v 1.1.1
- Updated WPBakery Page Builder to 6.0.5
- Updated Restore - VC Addons to 1.0.8
- Updated Theme Options Panel.
- Updated Fixed Back To Top button issue for mobile device.
- Updated Improved responsive layout for mobile device.
- Updated Fixed RTL Layout Issues.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, July, 18 - v 1.1.0
- Updated WPBakery Page Builder to 6.0.3
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, May, 18 - v 1.0.9
- Updated WPBakery Page Builder to 6.0.2
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, April, 28 - v 1.0.8
- Updated WooCommerce Template.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, March, 08 - v 1.0.7
- Updated BWL News Manager.
- Updated Update theme Restore VC Addon.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, February, 16 - v 1.0.6
- Updated WPBakery Page Builder to 5.7
- Updated Update theme Restore VC Addon.
- Updated Theme language/translation file.
- Updated Theme documentation.

2019, January, 31 - v 1.0.5
- Updated Added Pre-loader customization feature in option Panel.
- Updated Added back to top customization feature in option Panel.
- Updated Update theme Restore VC Addon.
- Updated Theme language/translation file.
- Updated Theme documentation.

2018, December, 25 - v 1.0.4
- Updated WPBakery Page Builder to 5.6
- Updated WooCommerce Template.
- Updated Theme language/translation file.
- Updated Theme documentation.

2018, September, 22 - v 1.0.3
- Updated Update Theme Mobile Menu.
- Updated WPBakery Page Builder to 5.5.4.
- Updated WooCommerce Template.
- Updated Update theme Restore VC Addon.
- Updated Optimized Theme Performance.
- Updated Update child theme.
- Updated Theme documentation.

2018, March, 20 - v 1.0.2
- Updated WPBakery Page Builder to 5.4.7.
- Updated Update theme Restore VC Addon.
- Updated Added one click demo installer.
- Updated theme files to fix WooCommerce admin notice.
- Updated Update child theme.
- Updated Theme documentation.

2017, November, 10 - v 1.0.1
- Updated WPBakery Page Builder to 5.4.5.
- Updated Update theme Restore VC Addon.
- Updated Update child theme.
- Updated Theme documentation.

2017, March, 22 - v 1.0.0
- Updated Initial release

1. Bootstrap
   
2. jQuery Plugin
   
3. Owl Carousel
   
4. Google Fonts
   
5. Font Awesome
   
6. Google Maps API
   
7. Freepik.com
   
8. Pexels.com

WordPress Themes

WordPress Plugins

HTML5 Themes