Created: 05/11/2016
Latest update: 04/05/2018
By: ThimPress
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!
The theme zip file thimpress_landscaping_unzipme.zip.
After purchasing Landscaping theme on themeforest with your Envato account, go to your Download page. You can choose to download MegaBuilder theme only (Installable WordPress file only) or the entire Landscaping theme package which contains the following files:
I. Install theme via WP
Follow these steps below to install Landscaping theme via WordPress:
Step 1. Visit Dashboard > Appearance > Themes > Add New.
Step 2. Click Upload Theme.
Step 3. Browse landscaping.zip file on your computer and click Install Now.
Step 4. Activate MegaBuilder theme.
Step 5. Install and activate Thim Core plugin of MegaBuilder that required for importing demo data.
II. Install theme via FTP
Follow these steps below to install Landscaping theme via FTP:
Step 1. Login your FTP account via FTP software to access your host web server.
Step 2. Extract landscaping.zip file.
Step 3. Upload the extracted folder landscapingto wp-content/themes folder.
Step 4. Activate Landscaping theme in Dashboard > Appearance > Themes.
Step 5. Install and activate Thim Core plugin of Landscaping that required for importing demo data.
It is recommended using those limits to a minimum as follows in order for free-trouble while installing demo or saving customize.
1 2 3 4 |
max_execution_time 3000 memory_limit 256M post_max_size 64M upload_max_filesize 64M |
1. After active theme, please click “Enable Thim Core to start now!“
After the plugin Thim core successfully installed and activated, you will see the Landscaping theme dashboard with our welcome message. Click ‘Next step’ and follow the instructions to set up your site:
Step 1. Name your website and set the description.
Step 2. Log into your Envato account to be able to download the required plugins for the theme. You must not skip this step
Step 3. Install and activate required and recommended plugins for the theme.
There will be times that some of the plugins fail to install due to internet loss and you will see the error message ‘You can try again later’. Simply choose the plugins and click install and activate again
Step 4. Choose a demo and import into your site
You can also import any specific pages from the demo. Please go to our support forum and we will send you the file of those pages and the guide of how to import.
After this process, visit Settings > Permalink settings. Select ‘Post Name’ structure. This is to prevent 404 errors on custom post type pages.
– Go to Setting >> Reading.
– select a static page (select below) >> Choose Front page is Home page.
re are lots of options to adjust slides such as animation, navigation, parallax, Google Fonts, etc. Please follow the official Slider Revolution document.
3. Configure Menu:
Go to Appearance >> Menu >> select Main Menu >> choose “Primary Menu” >> click “Save changes“.
By clicking on the “Customize” menu under “Appearance”, you’ll be able to change all specific template settings.
There will appear:
1 |
Please note that, after configuring something in customize, you need to click blue button <<Save & Publish>> to apply changes. |
There are options to control Toolbar that can be used to insert widgets at the top of your page. Note that you need to Add a Widget to show Toolbar. The guideline to Add a Widget will be expressed in the Widget Section bellow.
– You can choose to Show or Hide Toolbar.
– Or select a Toolbar Background color.
– Text Color: The text color in Drawer.
– Link Color: select color for text toolbar when hover text.
There are options help control every element on Header:
– Header Layout: there are 4 style for header.
– Header Position: check on box to “Overlay” header, un-check means default header.
– Background color: Pick a background color for the Header.
– Text color: Pick a Text color for the header.
– Link Hover color: Pick a Text color header when hovering the mouse on it.
– Font Size: Select font size for header.
– Font Weight: Select font size for header.
– Header Sidebar Width: Configure width for sidebar header.
There are options help control every element on Main Menu:
– Menu Background color: Pick a background color for the Main Menu.
– Text color: Pick a Text color for the Main Menu.
– Link Hover color: Pick a Text color Main Menu when hovering the mouse on it.
– Font Size: Select font size for Main Menu.
– Font Weight: Select font size for Main Menu.
– Line: select style for line between menu items.
– Line Color: pick a color for line.
To configure for Sub Menu such as Background color, Color Border of Sub Menu, Text color, Text color hover.
– Sticky Menu on scroll: Check to enable a fixed header when scrolling, un-check to disable.
– Config Sticky Menu: How Header appear when sticky menu, configure to change Sticky Background color, Text color, Text Hover color, Font size, Font Weight.
This option allows you to configure to see main menu in mobile.
Header front-end display:
Like the name indicated, it is the section to control the Footer part of your site.
– Background Color: Select Background color for Footer.
– Tex Color: Select color for text of Footer.
– Link Color: Pick a color of link when hove on text of footer.
– Font Size: Select Font size for text of Footer.
– Font Weight: Select Font Weight for text of Footer.
– Copyright Text: allow you to input content for the tagline in your copyright section.
– Copyright Text Color: Pick a color for text of Copyright section.
– Copyright Link Color: Pick a color for link text of Copyright section.
Footer frontend display:
There are 2 layout for contend of page to choose is Box or Wide.
– Background Pattern: checking the box under this option title and you will be able to select one of ours.
– Upload Background: select background to upload to use as your Background Pattern.
– Background Repeat: to repeat the image in your background.
– Background Position: to set the starting position of a background image.
– Background Attachment: to set whether a background image is fixed/scroll/local/ initial or inherit with the rest of the page.
– Background Size: to specify the size of the background images.
– Body Background Color: this option should only be used with the Boxed Layout. You can select a solid color for the background of your page.
– Theme Primary Color:
Each of our themes will have one major color called “Theme primary color”. The elements of the primary color are included with: Heading Background Widget; background hover color of box “Add to cart”, “Reviews”, “Pricing”, “Compare” on Single Product Page, icon color and category color… If you configure any color, it also will be applied similarly to these elements.
Check on box to support RTL language.
This is place to configure for Blog page.
– Select layout default:
This is the place for you to select an alignment for your frontpage, which is the first display page in your site. You can choose whether or not to use the sidebar, as well as positioning it in a layout with 1 or 2 columns.
1 – No side bar at all
2 – One sidebar, located on the left
3 – One sidebar, located on the right
– Top Image: select top image for front page.
To select an alignment for your archiver pages, which list all your posts.
– Select Layout: You can select layout for Archive page, use sidebar or not.
– Hide/ Show Breadcrumb or Tittle: Check on to Show or Hide Breadcrumb or Tittle.
– Top Image: select top image for Archive page.
You could do common setting to all the pages here.
Other options for setting the post and page are similarly described in the Display Settings Front page.
You could do common setting to all the single posts here.
Other options for setting the post and page are similarly described in the Display Settings Front page.
Check on social link to share posts on social network.
You can input information, background top heading color or top image for pages not found without install plugins.
Here is place for you to configure separately for Category Products.
– Archive Layout: select a layout for your shop detail page with this option.
– Top Image: select top image for shop page.
You also can configure separately for Single Product here.
Other options for setting the single product are similarly described in the Category Product Section.
You can do setting of other options for single product page and categories product page here.
– Column: to set number column of category product page.
– Number of Products per Page: to set amount of single product shown on each category product page.
– Show/ Hide Quickview in products list.
This important function is used to automatically share your products on various social networks to promote your site. You can check which network should contents of your website be shared on. Just un-check all options if you don’t want to share any contents at all.
This is place to configure for our team page:
– Select Layout: configure layout for our team page.
– Top Image: select top image for our team page,
– Member Per Page: number member on a page.
– Number member in row: number member in a row.
– Show or hide related link.
The Typography section gives you the control to style general text in your website. You will style the common text in your posts and pages withBody Options, Tittle.
Headings Options will help you style the headings in your posts.
This is place to configure for pages event:
This is the section for you to set a Logo as your website identity. You can upload this Logo on your server, or just paste an URL into the Logo box.
The size of your Logo Section on Header Menu could be set with Width Logo option. Since the layout is built using Bootstrap Grid system for a responsive design, the width of your Header Menu is also divided into 12 sections. We recommend using value 2 or 3 (corresponding with 16.67% or 25%) to menu will be shown in a line. You can set logo size as you want then your site will automatically thumbnail size depending on the value of “logo width” to logo displayed balance with menu.
10.
This is the section for you to set a Logo as your website identity. You can upload this Logo on your server, or just paste an URL into the Logo box.
The size of your Logo Section on Header Menu could be set with Width Logo option. Since the layout is built using Bootstrap Grid system for a responsive design, the width of your Header Menu is also divided into 12 sections. We recommend using value 2 or 3 (corresponding with 16.67% or 25%) to menu will be shown in a line. You can set logo size as you want then your site will automatically thumbnail size depending on the value of “logo width” to logo displayed balance with menu.
Check on box to import demo data.
This is place to configure for menu, drag&drop menu, add a new menu…for your site.
You also follow as above to add any widget or just Drag & Drop a Widget into a Widget Area.
You can use “Layout Builder” widget >> Setting number column and ratio of columns. Example: i want to configure 4 columns widget for Footer Widget Area:
– Front page: select front page as you want.
– Posts page: select blog page as you want.
To configure options under Customize section.
If you want to have a new site with similar settings as your created site. Use this function to export a file js in created site and import this file js into the new site.
Go to Pages >> Add New >> configure for Blog Page
Setting Blog page
Go to Setting >> Reading
Go to Appearance >> Menu >> select Main Menu >> add Blog page into Menu >> Click “Save Menu”.
To configure layout; top image; or tittle; sub tittle for Blog page, go to Appearance >> Customize >> Display >> Front page (sometime is Posts Pages) >> configure for Blog page.
To configure this style header 1, please do follow our instruction below:
Go to Appearance ->> Customize –>> Header ->> select the first layout and configure as our guide:
Go to Appearance ->> Customize –>> check on “Show Toolbar” and configure as guideline:
Go to Appearance ->> Widget:
Go to Appearance ->> Widget:
Siteorigin is the fantastic plugin, that adds a drag & drop page builder to your WordPress theme. It gives you the tools you need to be able to create complex page layouts without touching a single line of code. Read more at here
When editing a widget, on the right of the interface always shows a Widget Styles column consisting of Attributes, Layout, Design to help you configure for this widget.
When editing a widget, on the right of the interface always shows a Widget Styles column consisting of Attributes, Layout, Design to help you configure for this widget.
Widget Class: a CSS class.
CSS Styles: CSS Styles, given as one per row.
Padding: Padding around the entire row.
Background Color: select Background color of the row.
Background Image: select Background image of the row.
Background Image Display: how the background image is displayed.
Border Color: Border color of the row.
Font Color: Color of text inside this widget.
Asides from the default elements that Siteorigin provides, we also offer some special elements that are designed especially for WordPress shops built with ThimPress.
There are options to configure:
Fronend display thim accordion widget:
How to use this element?
Title Options:
Description:
Link box:
Option button read more:
Simple box options:
There are options to configure:
Frontend display Thim Button:
How to know Page ID:
Frontend display Child Page widget:
There are options to configure:
Frontend display:
Frontend Display Thim Skillbar:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<div class="row"> <div class="col-md-6"> [text* first-name placeholder "First Name *"] [email* email-address placeholder "Email Address *"] </div> <div class="col-md-6"> [text* last-name placeholder "Last Name *"] [tel* phone-number placeholder "Phone Number *"] </div> </div> [text* subject placeholder "Subject *"] [textarea* message placeholder "Message *"] [submit "Submit"] |
You can update theme by 2 ways:
See instruction to know how to update theme here.
Note : After you have finished update theme, you need to go to Appearance -> Theme Options ( Customize) and Save All Options again (if your theme have “Generate Less To Css” button beside “Save All Options” button, you also need click that button).
For more details, please follow the official docs.
Thanks a lot for your kind attention to our documentation. Hopefully, our theme is working well to sastify you and your customers. If you need further guideline, please read Knowledge Base or create a topic here to us for assistance within 24 hours.