Fittlife - Gym & Fitness WordPress Theme

1. Set up the WP Mail SMTP plugin

2. Logo does not show up on my site

3. Theme Demo Images

4. Contact form is not working

5. Translate customizer settings with the WPML plugin

6. Enable Header / Footer Builder

7. How-to: Update the theme

8. Add video as background in Elementor

Before going through the steps 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)

The SMTP Host and Port details can be found in the email you should have received from your hosting provider.

Configure the WP Mail SMTP 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.

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.

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://www.123rf.com/collections?collection_id=caf8c961c27a1222c4452788c7dd1567

---

There are many free alternatives where you can download and use high quality stock photography for free:

• Freepik
• Pexels
• Unsplash
• Pixabay

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

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.

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.

Or, you can install the Elementor Header & Footer Builder plugin which is free: https://wordpress.org/plugins/header-footer-elementor/

After installing the plugin you can create your header/footer under Appearance -> Elementor Header & Footer Builder

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

• Download and upload/install the Envato Market plugin
• Follow the steps in this article to setup the plugin

2. WordPress Dashboard

• Navigate to Appearance → Themes
• Click on "Add New" at the top of the page
• Click on "Upload Theme" at the top of the page
• Upload the theme .zip file (see screenshot above for the right .zip package)
• Click on the blue button to replace the current theme
• The theme has been updated

3. FTP Client

• Login to your server with a FTP client
• Navigate to the theme folder in your WordPress installation (e.g. wordpress/wp-content/themes/)
• Rename the folder of the theme you're currently using (e.g. theme-name1 or theme-name2)
• Unzip the downloaded zip file and upload the folder to the themes folder on your server
• Check if everything is working correctly
• If you have any translation files in the old theme folder copy them over to the new theme folder
• Remove the old theme folder from your server
• The theme has been updated

In Elementor Page Builder you can add a video (YouTube / MP4) as background on the following way:

1. Edit your page with Elementor
2. Add a new page builder row at the top of the page
3. Edit that new page builder row
4. At the height setting choose "Min Height"
5. Change the height value to your own needs
6. Enable "Stretch Section" setting

     Click image below to see step 2 till 6

1. Click on the "Style" tab
2. Select the video icon at the background setting
3. Paste a YouTube video URL in the video link setting