Contents

1. Theme demo images

2. Add breadcrumbs to your theme

3. Translate customizer settings with the WPML plugin

4. Import the Essential Grid file

5. Allowed memory size of # bytes exhausted

6. Remove double lightbox window

7. Contact form is not working

8. Change slider heading font sizes

9. Edit the call to action background image

10. How-to: Transfer Theme to Live Server

11. How to update the Advanced Custom Fields PRO plugin?

12. Change the QT: Featured Page widget image and text

13. Change the QT: Featured Page image and text

14. Change fonts of Physio theme

15. How-to: Update the theme

16. Theme demo images

17. How-to: Create Google Maps API key

18. Disable Google Fonts and use a Custom Font

19. Duplicate a page/post

20. Theme demo images

21. Change fonts of The Landscaper

22. Create alternative menu in page sidebar

23. How to use the call to action widget

24. Change the QT: Featured Page image and text

25. Translating the theme

26. Enable Header / Footer Builder

27. Configure the theme on HTTPS (SSL certificate)

28. Homepage slider is not visible

29. Navigation font doesn't change with Easy Google font plugin

30. Theme demo images

31. Edit the page heading background image

32. The logo does not show up on my site

33. Add your gallery posts to Essential Grid

34. WPML translate customizer field

35. Enable lightbox navigation arrows

36. Increase the page speed of my WordPress website

37. Theme Demo Images

38. Set up the WP Mail SMTP plugin

1. Theme demo images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from Adobe Stock: https://shared-assets.adobe.com/link/716eb363-7e39-476c-56f1-e5d607113839

Individual links to the images:

https://stock.adobe.com/stock-photo/physiotherapist-doing-foot-massage/81907889
https://stock.adobe.com/stock-photo/trainer-helping-woman-on-exercise-ball/81849898
https://stock.adobe.com/stock-photo/doctor-stretching-a-young-woman-arm/92575161
https://stock.adobe.com/stock-photo/patientin-bei-der-physiotherapie/30820279
https://stock.adobe.com/stock-photo/male-physiotherapist-training-with-patient/87941502
https://stock.adobe.com/stock-photo/doctor-examining-his-patient-back/80282147
https://stock.adobe.com/stock-photo/patientin-bei-der-physiotherapie/50248078
https://stock.adobe.com/stock-photo/gruppe-trainiert-zusammen-im-fitness-raum/76480906
https://stock.adobe.com/stock-photo/physiotherapist-smiling-at-camera-arms-crossed/82093402
https://stock.adobe.com/stock-photo/accident-at-work/78635512
https://stock.adobe.com/stock-photo/ankle-injury-athlete/42008914
https://stock.adobe.com/stock-photo/knee-injury/67722990
https://stock.adobe.com/stock-photo/running-injury-knee-pain/54252669
https://stock.adobe.com/stock-photo/man-suffering-from-backache/43581352
https://stock.adobe.com/stock-photo/woman-having-back-pain-while-sitting-at-desk-in-office/71130339
https://stock.adobe.com/stock-photo/physiotherapist-stretching-woman-s-arm/107439116
https://stock.adobe.com/stock-photo/woman-training-with-exercise-band/83023570
https://stock.adobe.com/stock-photo/masseur-stretching-woman-s-arm/35128948
https://stock.adobe.com/stock-photo/patient-at-the-physiotherapy/30820236

A free alternative is freepik.com which offers a large collection of high quality stock photography that can be downloaded and used for free.

2. Add breadcrumbs to your theme

The Thermen theme is fully compatible with the Breadcrumbs NavXT plugin. If you want to show breadcrumbs in your theme this is the plugin you'll need:

https://wordpress.org/plugins/breadcrumb-navxt/

After installing and activating the plugin there is nothing you need to do. It will automatically be displayed right under the page header area on every single page.

And for customization a new panel "Breadcrumbs" is added to the theme customizer under Appearance -> Customize

3. Translate customizer settings with the WPML plugin

Make sure to have the WPML String Translations plugin installed.

--

1. Go to WPML -> String Translations 

2. Click the "Translate texts in admin screens" link at the bottom of the page

3. Scroll to the "+ theme_mods_NAME" link and click on it (where NAME is the theme name)

4. Check the checkboxes of the "featured_button_text" and "featured_button_url" settings

5. Scroll to the bottom of the page and click the "Apply" button and wait till you see the success notice.

("featured_button_text" and "featured_button_url" can be replaced with any other setting you want to translate from the customizer)

6. Go to WPML -> String Translations again

7. You'll find 2 new rows in the "admin_texts_theme_mods_NAME" table (where NAME is the theme name).

If you don't see them in the list click on the "All Domains" dropdown field and select the settings from there.

8. Click on the translation link of each new setting and the field to translate will appear.

4. Import the Essential Grid file

The "ess_grid" file is located inside the "extra" folder of the full downloadable theme folder from ThemeForest. To import the file please follow these steps:

Importing Essential Grid

1. Please navigate to Ess. Grid -> Import/Export

2. Click on the "Import" panel

3. Upload the "ess_grid.json" file

4. Click the small "Read File" button

Importing Essential Grid

5. Click "Import Selected Data" button (please do not click the full demo data button)

The essential-grid file has been uploaded successfully. If the grid is not showing up on your website please follow the steps in this article.

5. Allowed memory size of # bytes exhausted

Do you see an 'allowed memory size exhausted' error? This is one of the most common WordPress errors, and can easily be fixed by increasing the PHP memory limit in WordPress.

Please follow these steps to increase the PHP memory. If you're not familiar with this please ask your hosting provider to increase the PHP memory

6. Remove double lightbox window

The Essential Grid plugin comes with it's own lightbox functionality and therefore you will see 2 lightbox windows after clicking the image in the lightbox grid.

To remove the duplicated window please follow the steps below:

1. Navigate to Essential Grid -> Global Settings

2. Set the "Lightbox" option to "3rd Party Lightbox"

3. Save the settings

7. Contact form is not working

It could be possible that the contact form don't send the message of the contact form and you will see a red notice below the form after pressing the submit button. This is one of the most common issues with WordPress and contact forms and can be fixed by installing the WP Mail SMTP plugin. 

Before installing that plugin please check these steps first:

1. Go to the "Contact" tab in the admin menu and edit your contact form

2. Click on the horizontal "Mail" tab

3. At the "To" setting enter your email address like:

[email protected]

4. At the "From" setting enter the same email address, but wrapped within < > symbols, like:

Please see the screenshot below for step 2, 3 and 4


5. Save the settings and test if the contact form send out the messages successfully.

If the contact form still don't send out the message the mail server of your domain is most likely blocking the requests and a secure connection is needed, this is one of the most common issues with contact forms and WordPress. 

You can do this by installing and setting up the WP Mail SMTP plugin. After installing the plugin please follow the steps in the article link below:

Set up the WP Mail SMTP plugin

8. Change slider heading font sizes

The custom CSS snippets can be added to Appearance -> Customize -> Additional CSS

For mobile:

/* Change slide headings font size on mobile */
@media (max-width: 991px) {
    .jumbotron .jumbotron-caption .caption-small-heading {
        font-size: 14px;
    }
    .jumbotron .jumbotron-caption .caption-heading .caption-heading-tag {
        font-size: 32px;
    }
}

The 14px and 32px values can be changed to your own needs.

For desktop:

/* Change slide headings text size on dekstop */
@media (min-width: 992px) {
    .jumbotron .jumbotron-caption .caption-small-heading {
        font-size: 15px;
    }
    .jumbotron .jumbotron-caption .caption-heading .caption-heading-tag {
        font-size: 40px;
    }
}

The 15px and 40px values can be changed to your own needs.

9. Edit the call to action background image

To change the background image of the "Looking for a Cleaning Company, We're in business since 1978" section please follow these steps:

1. Edit the page builder row (click pencil icon)

2. Click the "Design Options" tab

3. Change image under the "Background" color control

10. How-to: Transfer Theme to Live Server

Please install the Duplicator plugin when you're moving the theme to a live server. 

The plugin will generate a zip file of the entire WordPress installation (WordPress, theme, plugins, settings etc.) and installer file. Both files need to be uploaded to the new location on your server.

You can run the install procedure via http://yourdomain.com/installer.php. Please make sure before you're going through the installer you have created a new MySQL user and database. These details need to be entered half way through the install procedure.

When the installer is completed you will see the login link on your screen and the theme is up and running.

11. How to update the Advanced Custom Fields PRO plugin?

1. What is this plugin?

The Advanced Custom Fields PRO plugin is used for the slider and page setting option fields in our theme.

2. Update the plugin

If there is no direct update link visible please follow these steps to update the plugin:

3. Final note

It could be possible that the update notice is still showing up after doing above steps. This means that we need to update the plugin version on our side first.

The best option is to wait or if you want to update this plugin immediately please open a ticket and we send you the latest version.

12. Change the QT: Featured Page widget image and text

  1. Click on "Pages" admin tab
  2. Edit the page that you want to display with the Featured Page widget
  3. At the right side of the page you can change the "Featured Image"
  4. At the bottom of the page you can change the "Excerpt" (see screenshot to enable this field)
  5. Save the page

The Landscaper excerpt text

13. Change the QT: Featured Page image and text

1. Go to the "Pages" admin tab 

2. Edit the page from where would like to change the image and text

3. At the "Featured Image" and "Excerpt" panels on the right side of the page you can change the content (see screenshot below)

Click to enlarge

14. Change fonts of Physio theme

In the theme customizer you can change the fonts of the theme. The options can be found via Appearance > Customize > Theme Options > Typography


If you want to target elements specifically or need more advanced typographic controls please install the Easy Google Fonts plugin.

The plugin will add a Typography panel to the root of the customizer (Appearance > Customize). Here you can change the font for headings and content of the theme.

To change the font for specific elements in the theme you need to setup 'custom font controls'. To do this please follow the steps below:

1. Navigate to Settings -> Google Fonts
2. Create a font control. For each font control please enter a reference name, CSS class and click the 'force style' overwrite checkbox. Below you can find the CSS classes for custom elements:


    Navigation
    - Enter the name 'Navigation'
    - Add CSS class .main-navigation li a


    Call to action title
    - Enter the name 'Call to action title'
    - Add CSS class .call-to-action .call-to-action--content .call-to-action--title


    Icon box title
    - Enter the name 'Icon box title'
    - Add CSS class .content-area .icon-box--title


    Testimonial author name
   - Enter the name 'Testimonial author title'
    - Add CSS class .testimonials .testimonial--author


    Page header title
   - Enter the name 'Page header title'
    - Add CSS class .page-header--title


    Page header subtitle
   - Enter the name 'Page header subtitle'
    - Add CSS class .page-header--subtitle


3. Please navigate to Appearance > Customize > Typograpghy. You will see 2 panels. In the 'Default Typography' panel you can change the content headings and fonts. In the 'Theme Typography' you will find your custom font controls.

15. How-to: Update the theme

Get the latest theme version

You can download the latest available theme version from the download page of your ThemeForest. Click the "Download" button and select "Installable WordPress files only" for the submenu.


* Before updating the theme it is recommend to create a backup of your website with a plugin like UpdraftPlus.


The theme can be updated on three different ways:

1. Envato Market Plugin

2. WordPress Dashboard

3. FTP Client

16. Theme demo images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from 123RF.com

https://123rf.com/lightbox_public.php?publiclightid=d02ec82c7f2817aacd0769031fcfa5ee

A free alternative is freepik.com which offers a large collection of high quality stock photography that can be downloaded and used for free.

17. How-to: Create Google Maps API key


1.  Go to this link and click the "Continue" button (this could take a minute)

2. Enter a name for your key, click "HTTP Referrers", add the URL of your website and click the 'Create' button 

Please use the examples below to add your website. Replace yourdomain.com with your domain name. Each in a new input field.

*.yourdomain.com/*
http://yourdomain.com/*
www.yourdomain.com/*
yourdomain.com/*

3. Copy the API key you see in the modal.

4. Go to the API Manager and click the "Google Maps JavaScript API"

5. Make sure you click the 'Enable' button. If you only see 'Disable' you can leave the page

If you're using the Physio WordPress theme make sure you also enable the:

- Geolocation API
- Geocoding API

6. Adding the API key to the theme

- The Landscaper
Go to Appearance -> Customize -> Theme Options -> Custom and add the API key to the "Google Maps API" input field

- Physio
Edit the SiteOrigin Google Maps widget and add your API key to the "API Key" input field

- The Kleaner
Go to Appearance -> Customize -> Google Mapi API key and add your key there

18. Disable Google Fonts and use a Custom Font

For the Physio WordPress theme.

By default we're using Google Fonts for the typography in the theme. If you prefer to use a custom font you can follow these steps.

Please note that it's recommend to use the child theme because you need to make changes to the functions.php and style.css file. When not using a child theme your changes will be overwritten when you will update the parent theme.

---

1. Add the following line to the bottom of the functions.php file:

/* Remove Google Fonts */
function physio_remove_google_fonts() {
    wp_dequeue_style( 'physio-qt-fonts' );
}
add_action( 'wp_enqueue_scripts','physio_remove_google_fonts', 20 );

2. Upload your font files somewhere on your server, recommend to upload outside the WordPress folder.

3. Add the following CSS to Appearance -> Customize -> Additional CSS:

@font-face {
    font-family: Roboto;
    src: url(http://yourdomain/fonts/Roboto-Regular.ttf);
    font-weight: normal;
}

Make sure to replace the font-family name, in this case "Roboto", to the font you're going to use. Also update the src path to the location of the font file on your server.

Check if the font file is .ttf or .woff and change the extension as well.

4. Now that the font file is loaded you have to use custom CSS to actually change the fonts in the theme to the custom font. You can add the following CSS to Appearance -> Customize -> Additional CSS:

Change the fonts that use the "Nunito" font by default:

h1,
h2,
h3,
h4,
h5,
h6,
.main-navigation > li > a,
.brochure,
.testimonials .testimonial--author,
.call-to-action .call-to-action--content .call-to-action--title,
.counter .counter--text .counter--number {
    font-family: 'Nunito';
}

Change the fonts that use the "Open Sans" font by default:

body,
button,
input,
select,
textarea,
.btn,
.main-navigation .sub-menu li a,
.jumbotron .jumbotron-caption .caption-small-heading,
.page-header--subtitle,
.featured-page .featured-page--image .featured-page--overlay .overlay--center span,
.brochure span,
.news-posts-block .widget-title a,
.panel-group .panel .panel-heading .panel-title a {
    font-family: 'Open Sans';
}

In both CSS snippets make sure to change the font-family name to the name you've set in step 3.

19. Duplicate a page/post

The WordPress CMS don't have a duplicate or clone function so it is recommended to install the following plugin for that:

https://wordpress.org/plugins/duplicate-wp-page-post/

After installing and activating the plugin you can duplicate a page or post by clicking the "duplicate" link:

20. Theme demo images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from Adobe Stock.

A free alternative is freepik.com which offers a large collection of high quality stock photography that can be downloaded and used for free.

- Collection: 

https://assets.adobe.com/public/048a64e7-af4b-4284-7e2a-a12ef9031288

- Individual images:

https://stock.adobe.com/stock-photo/hedge-trimmer-works/85133347
https://stock.adobe.com/stock-photo/single-armchair-with-a-red-pedestal-table/84734139
https://stock.adobe.com/stock-photo/gardening-tools-and-seedling-on-garden-table/83937973
https://stock.adobe.com/stock-photo/lawn-mower/83928187
https://stock.adobe.com/stock-photo/manual-weed-conrol/82775115
https://stock.adobe.com/stock-photo/horticulturist-checking-his-appletrees-on-his-farm/80839700
https://stock.adobe.com/stock-photo/backyard-cozy-patio-area-with-wicker-furniture-set/78418523
https://stock.adobe.com/stock-photo/backyard-cozy-patio-area-with-wicker-furniture-set/77662770
https://stock.adobe.com/stock-photo/backyard-cozy-patio-area-with-wicker-furniture-set/77662727
https://stock.adobe.com/stock-photo/snowplow-is-cleaning-a-road/76894223
https://stock.adobe.com/stock-photo/rollrasen/76507139
https://stock.adobe.com/stock-photo/villa/73791722
https://stock.adobe.com/stock-photo/worker-with-a-leaf-blower/73453473
https://stock.adobe.com/stock-photo/walkout-patio-with-concrete-tile-floor-and-landscape-design/70872429
https://stock.adobe.com/stock-photo/nobler-garten-einer-wohnung/72107249
https://stock.adobe.com/stock-photo/cascade-waterfall-in-japanese-garden-in-bonn/70530798
https://stock.adobe.com/stock-photo/hedge-trimming/70569449
https://stock.adobe.com/stock-photo/gardener-pruning-a-tree/70492704
https://stock.adobe.com/stock-photo/gartner-bei-unkrautjaten/68575931
https://stock.adobe.com/stock-photo/fruhlingshafter-garten/67692811
https://stock.adobe.com/stock-photo/nice-water-lily-flower/66966906
https://stock.adobe.com/stock-photo/pacific-northwest-living/66631121
https://stock.adobe.com/stock-photo/pavior/64740698
https://stock.adobe.com/stock-photo/jardin-et-fleur-sauvage/66018283
https://stock.adobe.com/stock-photo/happy-man-shearing-shrub/64667777
https://stock.adobe.com/stock-photo/female-nursery-owner-with-pot-of-flowers/64278557
https://stock.adobe.com/stock-photo/gardener-with-boxwood-posing-at-nursery-or-garden-center/63115925
https://stock.adobe.com/stock-photo/garden-cafe-terrace-with-wicker-chairs-greece/60887406
https://stock.adobe.com/stock-photo/smiling-blonde-woman-phoning-in-a-green-house/57183398
https://stock.adobe.com/stock-photo/portrait-of-man-gardening/55315588
https://stock.adobe.com/stock-photo/summer-restaurant-terrace/54999963
https://stock.adobe.com/stock-photo/kleiner-stadt-garten/54635690
https://stock.adobe.com/stock-photo/gardener-pruning-an-hedge/52918446
https://stock.adobe.com/stock-photo/pose-de-paves-sur-lit-de-sable/51479301
https://stock.adobe.com/stock-photo/employee-watering-plants-with-hose/47141544
https://stock.adobe.com/stock-photo/mother-and-two-children-running-through-garden-sprinkler/43936323
https://stock.adobe.com/stock-photo/rasenroboter-im-garten/41348799
https://stock.adobe.com/stock-photo/elaguer/41347385
https://stock.adobe.com/stock-photo/%E3%82%AC%E3%83%BC%E3%83%87%E3%83%8B%E3%83%B3%E3%82%B0/39781403
https://stock.adobe.com/stock-photo/outdoor/35604235
https://stock.adobe.com/stock-photo/snow-blower/28570632
https://stock.adobe.com/stock-photo/clearing-autumn-leaves-from-gutter-with-trowel/26960918
https://stock.adobe.com/stock-photo/garten/24135660
https://stock.adobe.com/stock-photo/springbrunnen/22730587
https://stock.adobe.com/stock-photo/gartenarbeit-mann-schneidet-hecke/21387921
https://stock.adobe.com/stock-photo/sprinkler-of-water-with-drops/12887868

21. Change fonts of The Landscaper

In the theme customizer you can change the fonts of the theme. The options can be found via Appearance > Customize > Theme Options > Typography


If you want to target elements specifically or need more advanced typographic controls please install the Easy Google Fonts plugin.

The plugin will add a Typography panel to the root of the customizer (Appearance > Customize). Here you can change the font for headings and content of the theme.

To change the font for specific elements in the theme you need to setup 'custom font controls'. To do this please follow the steps below:

1. Navigate to Settings -> Google Fonts 
2. Create a font control. For each font control please enter a reference name, CSS class and click the 'force style' overwrite checkbox. Below you can find the CSS classes for custom elements:


    Navigation
    - Enter the name 'Navigation'
    - Add CSS class .main-navigation li a


    Call to action title
    - Enter the name 'Call to action title'
    - Add CSS class .cta-banner.cta-block .cta-banner-text .cta-banner-title


    Testimonial author title
    - Enter the name 'Tesimonial author'
    - Add CSS class .testimonials .testimonial-person .testimonial-author


3. Please navigate to Appearance > Customize > Typograpghy. You will see 2 panels. In the 'Default Typography' panel you can change the content headings and fonts. In the 'Theme Typography' you will find your custom font controls.

22. Create alternative menu in page sidebar

By default the service pages use the same page sidebar and menu. In some cases, for example if you have a lot of services to display, you want to use alternative menus on some pages. You can do that by following these steps:

# Creating a new menu

1. Go to Appearance -> Menus

2. Create a new menu structure by clicking the "create a new menu" link right of the drop down field:

2560294271.png

3. Add a name for this menu

4. Add all the links you need to this menu (you can add links from the left side of the page at the "Add menu items" panel)

5. When done, save the settings


# Creating a new sidebar location

1. Go to the Pages admin tab

2. Edit the page where the new page sidebar menu need to be visible.

3. At the right side at the "Sidebar" field click on "Enter New"

8977831069.png

4. Add a logic name for this sidebar.

5. Click the "Update" button below the input field

6. Save the page

If you want to display this same custom page sidebar on another page you don't have to create a new one. You can simple choose the already created custom sidebar from the dropdown field above the "enter new" link.


# Assign the menu to the new custom sidebar

1. Go to Appearance -> Widgets

2. Add the Navigation widget to the new created sidebar panel

3. Edit the navigation widget and select your new menu from the dropdown field.


23. How to use the call to action widget

Add the heading and button(s)

1. Click "Edit" to edit the widget
2. Add a title
3. Add a button with the button shortcode

Button shortcode is [button href="http://yourdomain.com"] Text on the button [/button]


Add a background image

4. Hover the wrench icon of the page builder row (not from the widget)
5. Click "Edit Row"
6. Click the "Design" panel
7. Add your background image
8. Set the "Background Image Display" option to "Cover"
9. Click the "Layout' panel
10. Set "Row Layout" option to "Full width stretched"


Click to enlarge the image

Click to enlarge the image

24. Change the QT: Featured Page image and text

1. Go to the "Pages" admin tab 

2. Edit the page from where would like to change the image and text

3. At the "Featured Image" and "Excerpt" panels on the right side of the page you can change the content (see screenshot below)


Click image to enlarge

25. Translating the theme

You can translate theme text strings (for example the weekdays) on two different ways:

1. Translate theme language file

You can translate the theme by editing the included .pot language file with a program like PoEdit. After translating please export the .po and .mo files which you need to upload in the language folder of the theme (theme-folder/language/). 

For more information please see this link


2. Translate with the Loco Translate plugin

With the Loco Translate plugin you can translate the theme inside your WordPress installation.

Please install and activate the Loco Translate plugin and follow the steps below:

1. Navigate to Loco Translate -> Themes (to translate text from a plugin go to Loco Translate -> Plugins)
2. Click on the theme or plugin in the list that you want to translate.
3. Click on the "New Language" link
4. Set your language from the dropdown field
5. Set "Choose a location" to Custom and press the Start Translating button
5. Type the word you want to translate in the search box and click on it when it appear in the list below
6. Write your translation in the most bottom textarea (do not change the default text)
7. Save the settings
8. Navigate to Settings -> General and set the "Site Language" option to the translation language.

You can read this tutorial for more information how to set-up a new translation (screenshots included)

26. Enable Header / Footer Builder

To create a header or footer by using the Elementor page builder you can use the Elementor PRO version which is compatible with the theme.

If you're looking for a free alternative you can use one of the following plugins:

27. Configure the theme on HTTPS (SSL certificate)

To serve your website over HTTPS a SSL certificate is needed. If this is not installed on your server yet please get in touch with your hosting provider.

After the SSL certificate is installed there are a few steps to make the WordPress installation and the theme work over HTTPS.

1. Go to Settings -> General

! Important: Before doing step 2 make sure to check if your WordPress dashboard is accessible over HTTPS

2. Change the "WordPress Address" and "Site Address" prefix from HTTP to HTTPS

3. Install and activate the Really Simple SSL plugin 

4. Activate the SSL option under Settings -> SSL.

Check if everything is working correctly on your website. It could be possible that the logo does not show up anymore, in that case delete and re-select the logo in the theme customizer setting.

28. Homepage slider is not visible

If the slider on the homepage is not visible please check the following points:

- Advanced Custom Fields PRO plugin is installed and activated under the Plugin tab.
- The "Frontpage Slider" template for the page is selected in the "Page Attributes" metabox

When both points are correct but the slider is still not visible please navigate to the theme folder on your server and check for a duplicated theme folder. You can find the theme folder via:

/wordpress/wp-content/themes/theme-folder/

29. Navigation font doesn't change with Easy Google font plugin

The navigation font need to be adjusted via custom CSS. If you navigate to Appearance -> Customize -> Theme Options -> Custom CSS you can paste the following line(s) in to the textarea:

The parent links:

.main-navigation li a { font-family: Open Sans; }

For the submenu links:

.main-navigation .sub-menu li a { font-family: Open Sans; }

You can change the font-family to your custom one, without using the '' or "" around the names.

30. Theme demo images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from 123RF.com

https://123rf.com/lightbox_public.php?publiclightid=c522b7e1b3566e384ccc28d81abcd5e8

A free alternative is freepik.com which offers a large collection of high quality stock photography that can be downloaded and used for free.

31. Edit the page heading background image

The page heading image can be changed on two ways:

1. Globally

To change it for the entire website navigate to Appearance -> Customize -> Page Header -> Background Image

2. Per page

Or you can change the image only for a page at the option field below the page builder grid

32. The logo does not show up on my site

First make sure you have added a logo image to the logo setting in the theme customizer under Appearance → Customize.

If the logo does not show up on your website please follow these steps:

  1. Go to Settings → General
  2. At the "WordPress Address" and "Site Address" settings change the URL prefix from http to https
  3. Save the settings at the bottom
  4. Navigate to the logo setting under Appearance → Customize
  5. Delete the logo from the setting(s) and re-select it from the media library
  6. Save the settings

Your logo should be visible at this point.

33. Add your gallery posts to Essential Grid

1. Add a few posts under the "Gallery" admin tab and make sure all posts have:

- Post title
- Featured Image
- Gallery Category (not tags)


2. Go to the "Essential Grid" admin tab and click on the purple "Settings" button of the grid you want to edit.

3. Click on "Source" (see image below)


4. Set the "Post Types" setting to "Gallery"

5. At the "Post Categories" setting select all the categories you want to display (hold ctrl button to select multiple)

6. Save the settings in the top right corner

Now all posts from the selected post categories should be visible in the grid.

To add the grid to any page by using the "Essential Grid" widget by using the page builder. Edit the widget and select the right grid you just configured from the dropdown field.

34. WPML translate customizer field

Text fields from the theme customizer can be changed on the admin string translation page of WPML to enable the translations.

Make sure you have the WPML main plugin and WPML String Translation add-on plugin installed on your website.




In the steps below we translate the Gallery Page Title setting from the customizer. If you need to translate a different setting from the customizer you can follow the same steps but in step 3 you need to select that field instead of the gallery title.

1. Navigate to WPML -> String Translations and click "Translate texts in admin screens" text link at the very bottom of the page (screenshot)

2. Scroll to the "+ theme_mods_the-landscaper" link and click on it

3. Check the checkbox of "qt_gallery_maintitle" and scroll to the bottom of the page and click the Apply button (please wait till you see the success message)

4. Navigate back to WPML -> String Translations

5. You will find 2 new rows in the table named "admin_texts_theme_mods_the-landscaper". If you don't see them in the list click on the "All Domains" select field and select them from there

6. If you click on the translations link for each text string the translation fields will appear where you can add your translations.

35. Enable lightbox navigation arrows

To enable the navigation arrows for images inside the lightbox window please follow these steps:

-  Go to Settings -> Media
-  Make sure you enable images for Fancybox (first setting)
-  Scroll a bit down to the 'Gallery' section
-  Switch 'Autogallery' to 'All in one Gallery'
-  Check the box 'Show the gallery navigation arrows'
-  Save the settings

36. Increase the page speed of my WordPress website

To increase the page speed of your WordPress website there are some standard things you can do.

1. Hosting

Hosting is a really important key in the page speed of your website. If you run WordPress on a small shared hosting package it's fine and the theme will fully work but it won't be blazing fast, simply because the resources of shared hosting are limited. If you want a good and fast hosting package we recommend to purchase (managed) VPS hosting.

2. Caching plugin

It's recommend to install a caching plugin for your website. The WP Fastest Cache plugin give the best result for our themes.

After installing navigate to the WP Fastest Cache tab in the admin menu and enable the following settings:

- Caching
- Gzip
- Browser caching
- Delete cache on update post/page

Best is to activate this plugin when you've finished building your website.

3. Scale and compress images

Please make sure you scale and compress images to reduce the size which will result in a faster loading time. You can scale image with an image editor program or with online tools like Pictureresize

To compress images please use the online Compressor.io tool or install a plugin like Smush Image.

4. Limit the amount of content

Please consider the amount and type of content you add to your website. If you add a lot of large and heavy images (see point 3 for this) your page speed and Google Insights score will drop drastically.

Also adding things like a YouTube video or a Google Maps will also slow down the page speed because a lot of extra scripts from these services will be loaded on your website. Only add content that is really necessary for your website.

5. Limit the amount of plugins

Only use the plugins you really need on your website and don't install too many plugins. If you don't need a plugin simple deactivate and delete it from your website.

If you have plugins activated but you're not using them it is still possible that files from these plugins are loaded to your website which will slow down the page speed of your website.

Please note that the Advanced Custom Fields PRO plugin is required for our themes. 

37. Theme Demo Images

Due to copyright of the images used in our theme demo we can't distribute them within the theme. Below you'll find a list of all images that can be purchased from 123RF.com

https://123rf.com/lightbox_public.php?publiclightid=45777e1ab960e7133248c90d15d5084a

A free alternative is freepik.com which offers a large collection of high quality stock photography that can be downloaded and used for free.

38. Set up the WP Mail SMTP plugin

Make sure you have installed and activated the WP Mail SMTP plugin, and have the following details at hand:

- SMTP Host
- SMTP Port
- SMTP Username (the email address that is used in the contact forms on your website)
- SMTP Password (password of above email address)

These details can be found in the email you have received from your hosting provider.

Configure the plugin (step by step)

1. Navigate to the "WP Mail SMTP" tab in the admin menu

2.  At the "From Email" setting enter the email address that you're using in your forms

3. At the "From Name" setting enter the name which emails are sent from

4. Select the "Other SMTP" option

5. Enter the SMTP Host (can be found in an email from your hosting provider)

6. At the "Ecryption" setting select "SSL" (select "TLS" if SSL is not available).

7. Enter the SMTP Port (can be found in an email from your hosting provider)

8. Set the "Auto TLS" setting set to "On"

9. Set the "Authentication" setting to "On"

10. Enter the SMTP Username (the email address you're using in your contact forms)

11. Enter the SMTP Password (the password of the email address)

12. Save the settings.

Click to enlarge image

At this point the contact forms should be working. Note that a delay in sending and receiving the message is possible, this depends on the mail server of your domain.

If you still experience any issues please open a support ticket and we are happy to help you.