{"id":5781,"date":"2019-05-02T07:33:24","date_gmt":"2019-05-02T07:33:24","guid":{"rendered":"http:\/\/wpthemego.com\/document\/?p=5781"},"modified":"2019-05-11T09:54:21","modified_gmt":"2019-05-11T09:54:21","slug":"athetics","status":"publish","type":"post","link":"https:\/\/wpthemego.com\/document\/athetics\/","title":{"rendered":"Documentation for Athetics &#8211; Gym Fitness WordPress Theme"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<!-- start: sidebar --><\/p>\n<aside id=\"sidebar-left\" class=\"sidebar-left\">\n<div class=\"sidebar-header\">\n<div class=\"sidebar-title\">Navigation<\/div>\n<\/div>\n<div class=\"nano\">\n<div class=\"nano-content\">\n<nav id=\"menu\" class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li class=\"nav-active nav-parent\"><a href=\"#getstart\"><i class=\"fa fa-home\"><\/i>Getting Started<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#welcome\">Theme Introduction <\/a><\/li>\n<li><a href=\"#background\">Basic Knowledge<\/a><\/li>\n<li><a href=\"#requirement\">System Requirements<\/a><\/li>\n<li><a href=\"#files\">File Structure<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#installation\"><i class=\"fa fa-refresh\"><\/i>Installation &amp; Update<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#quickstart\">Quickstart Installation<\/a><\/li>\n<li><a href=\"#themeinstall\">Theme Installation<\/a><\/li>\n<li><a href=\"#plugininstall\">Plugin Installation<\/a><\/li>\n<li><a href=\"#themeupdate\">Theme Update<\/a><\/li>\n<li><a href=\"#pluginupdate\">Plugin Update<\/a><\/li>\n<li><a href=\"#childtheme\">Athestics Child Theme<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#import\"><i class=\"fa fa-download\"><\/i>Demo Importation<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#demodata\">Import Demo Data<\/a><\/li>\n<li><a href=\"#last\">Menu Configuration<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#basicsettings\"><i class=\"fa fa-cogs\"><\/i>Basic Settings<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#page\">Page Settings<\/a><\/li>\n<li><a href=\"#post\">Post Settings<\/a><\/li>\n<li><a href=\"#product\">Product Settings<\/a><\/li>\n<li><a href=\"#portfolio\">Portfolio Settings<\/a><\/li>\n<li><a href=\"#room\">Class Settings<\/a><\/li>\n<li><a href=\"#event\">Trainer Settings<\/a><\/li>\n<li><a href=\"#menu-config\">Menu Configuration<\/a><\/li>\n<li><a href=\"#widget\">Widget Settings<\/a><\/li>\n<li><a href=\"#headerfooter\">Header &amp; Footer<\/a><\/li>\n<li><a href=\"#mailchimp\">MailChimp for WordPress<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-parent\"><a href=\"#themeconfiguration\"><i class=\"fa fa-align-left\"><\/i>Theme Configuration<\/a>\n<ul class=\"nav nav-children\">\n<li><a href=\"#themeoptions\">Theme Options<\/a><\/li>\n<li><a href=\"#themeelements\">Theme Elements<\/a><\/li>\n<li><a href=\"#general\">General Settings<\/a><\/li>\n<li><a href=\"#demopages\">Demo Pages<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"nav-main\"><a href=\"#mobile\"><i class=\"fa fa-mobile\"><\/i>Mobile Layouts<\/a><\/li>\n<li class=\"nav-main\"><a href=\"#admin\"><i class=\"fa fa-tachometer\"><\/i>Admin Options<\/a><\/li>\n<\/ul>\n<\/nav>\n<nav class=\"nav-main\">\n<ul class=\"nav nav-main\">\n<li><a href=\"#translation\"><i class=\"fa fa-language\"><\/i>Translation<\/a><\/li>\n<li><a href=\"#support\"><i class=\"fa fa-question-circle\"><\/i>FAQs &amp; Support<\/a><\/li>\n<li><a href=\"#changelog\"><i class=\"fa fa-history\"><\/i>Change Log<\/a><\/li>\n<li class=\"title\"><span style=\"text-transform: none;\"> \u00a9Copyright2017 WPTHEMEGO<\/span><\/li>\n<\/ul>\n<\/nav>\n<\/div>\n<div class=\"nano-pane\" style=\"display: block; opacity: 1; visibility: visible;\"><\/div>\n<\/div>\n<\/aside>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;3\/4&#8243;][vc_column_text]<\/p>\n<div class=\"link-intro\"><a class=\"demo\" href=\"http:\/\/demo.wpthemego.com\/themes\/sw_athetics\" target=\"_blank\" rel=\"noopener noreferrer\">View demo<\/a><a class=\"detail\" href=\"http:\/\/bitly.com\/athetics-tf\" target=\"_blank\" rel=\"noopener noreferrer\">More detail<\/a><\/div>\n<p><!-- start: welcome --><\/p>\n<div id=\"welcome\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">WELCOME TO ATHETICS THEME<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"welcome\" class=\"toggle active\"><label>Theme Introduction<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Firstly, a huge thanks for purchasing this theme, your support is truly appreciated!<\/p>\n<p>&nbsp;<\/p>\n<p>This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties. If you have any questions that are beyond the scope of document, please feel free to contact us via our <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"\" class=\"toggle active\"><label>Theme Features<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p><strong>Athestics <\/strong>is a professional gym fitness WordPress theme especially designed for gym, fitness club, health, yoga center, sport or any health related website.<\/p>\n<ul>\n<li>Great Design for a Greater Website: Clean and bright design, multi-homepages, highly responsive, unlimited colors, megamenu built-in, beautiful sliders<\/li>\n<li>Super Easy Customization: Visual page builder ready, megamenu ready, powerful theme options with a bundle of options for Class and Trainer<\/li>\n<li>Unique One Click Demo Installation: Easily import the demo of design you want with One Click Installer<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!--end: welcome --><\/p>\n<p><!-- start: gettingstarted --><\/p>\n<div id=\"gettingstarted\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GETTING STARTED<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"background\" class=\"toggle active\"><label>WordPress Background Knowledge<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in <a href=\"http:\/\/codex.wordpress.org\/Installing_WordPress\">WordPress Codex<\/a>. Below are all the useful links for WordPress information.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/Installing_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Codex<\/span><\/a> \u2013 General info about WordPress and how to install on your server.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/First_Steps_With_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">First Steps With WordPress<\/span><\/a> \u2013 General info about multiple topics about WordPress.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><a href=\"http:\/\/codex.wordpress.org\/FAQ_New_To_WordPress\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">FAQ New To WordPress<\/span><\/a> \u2013 The most popular FAQ\u2019s regarding WordPress.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"requirement\" class=\"toggle active\"><label>Theme Requirements<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To use the theme, please make sure you are running <strong>WordPress 4.9.x<\/strong> or higher and your site meets the minimum requirements of WordPress.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\">Check to ensure that your web host has the <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">minimum requirements to run WordPress<\/span><\/a>.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">You can download the latest release of WordPress from the official <a href=\"http:\/\/wordpress.org.\"><span class=\"highlight\">WordPress<\/span><\/a> website.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">The latest version of WordPress is prefered.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">Always create secure passwords for FTP and Database.<\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\">It is recommended to be on at least PHP 5.6 and preferably PHP 7.0.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"php-requirement\" class=\"toggle active\"><label>Important Note about PHP Configuration<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>The <b>Recommended PHP Configuration Limits<\/b> should be paid attention. In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.<\/p>\n<p>&nbsp;<\/p>\n<p>The solution is to increase the <b>PHP<\/b> limits. You can do this on your own by editing the following lines in <code>php.ini<\/code> file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>max_execution_time 360<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>memory_limit 128M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>post_max_size 32M<\/code><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><code>upload_max_filesize 32M<\/code><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-success\">Success<\/span> Well done! If your site meets all these requirements, you can start enjoy Athestics theme now!<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: gettingstarted --><\/p>\n<p><!-- start: file structure --><\/p>\n<div id=\"files\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">FILE STRUCTURE<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"package\" class=\"toggle active\"><label>Theme Package<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>After downloading the theme package on ThemeForest, when extracting it, you will see the files included as below:<\/p>\n<p>&nbsp;<\/p>\n<p><b>Athestics theme package<\/b> folder including:<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>code<\/b> folder contains: <b>sw_athestics_theme_vx.x.x.zip<\/b>, <b>sw_athestics-child-theme.zip<\/b><\/li>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>doc<\/b>: This is offline documentation for Athestics theme.<\/li>\n<\/ol>\n<p><strong>sw_athestics_theme_vx.x.x.zip\\athestics\\lib\\plugins<\/strong> folder including:<\/p>\n<ol>\n<li class=\"margin-top-bottom-5 padding-left-10\"><b>plugins<\/b> including: <b>lesphp.zip, one-click-demo-import.zip, sw-class.zip, sw-trainer.zip, sw-core.zip, sw_woocommerce.zip<\/b> file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Due to the Policy of ThemeForest, we could not include <b>sw_athetics_quickstart_vx.x.x.zip<\/b> in the theme package. If you want to get it, please contact us at <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Ticket Support System<\/span><\/a> and provide us the <a href=\"https:\/\/help.market.envato.com\/hc\/en-us\/articles\/202822600-Where-Is-My-Purchase-Code-\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Item Purchase Code<\/span><\/a>, we will send you for Quickstart Installation <span class=\"highlight\"> 01 time only<\/span> for the first installation.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: file structure --><\/p>\n<p><!-- start: installation --><\/p>\n<div id=\"installation\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">INSTALLATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"\" class=\"toggle active\"><label>How to Install Athestics theme?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>There are 02 ways to install Athestics theme: Quickstart Installation and Manual Installation.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Quickstart Installation:<\/b> With this one, you will replace your whole site with a new one like our site in demo. This one is suitable for you if you build a fresh site and want to get demo content. Please note that with this way, all your old data will be replaced.\n<p>You may need to <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">contact us<\/span><\/a> to get the quickstart for this installation.<\/li>\n<li><b>Manual Installation (or Theme Installation):<\/b> By this way, you can install the theme into your site and import demo data while remaining current data of your site. If you have a WordPress website with full of content and you want to keep it, this is a suitable choice for you.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before install the theme, please make sure that your site meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">system requirements<\/span><\/a> and the theme package is available in your computer.<\/p>\n<\/div>\n<\/section>\n<section id=\"quickstart\" class=\"toggle active\"><label>Quickstart Installation<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To install Quickstart, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Have the <b>sw_athetics_quickstart_vx.x.x.zip<\/b> available in your computer.<\/li>\n<li><a href=\"https:\/\/codex.wordpress.org\/Installing_WordPress#Step_2:_Create_the_Database_and_a_User\" target=\"_blank\" rel=\"noopener noreferrer\">Create the Database and a User<\/a> for your site. You can skip this step if there is available one.<\/li>\n<li>Upload and Extract the quickstart files to the desired location on your web server using FTP or CPanel. It could be a folder in <code>xampp &gt; htdocs <\/code> if you install on your localhost.<\/li>\n<li>Go to the URL where you uploaded the file to load the WordPress Installer.<\/li>\n<li>Now all is the same to WordPress Installation. You will go step by step with Language Settings, Database Settings and WordPress Info Settings.<\/li>\n<li>After the successful installation, you can go to your site and enjoy the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial for this Quickstart Installation here: <a href=\"http:\/\/wpthemego.com\/document\/how-to-install-quickstart-for-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Install Quickstart for WordPress Theme<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"themeinstall\" class=\"toggle active\"><label>Theme Upload<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>&#8211; Before installing Athestics theme, you need to have a WordPress site that meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">theme requirements<\/span><\/a>.<\/p>\n<p>&#8211; You need to have the latest Athestics theme package available in your computer.<\/p>\n<p>&#8211; There are 02 ways for you to upload the theme into your site: Upload theme via WordPress Admin and Upload theme via FTP.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> If the theme file size is larger than 8M, it should be uploaded via FTP.<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#wp-upload\" data-toggle=\"tab\"><b>WordPress Upload<\/b><\/a><\/li>\n<li><a href=\"#ftp-upload\" data-toggle=\"tab\"><b>FTP Upload<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"wp-upload\" class=\"tab-pane active\">\n<ol>\n<li>Navigate to the Admin Panel of your site (i.e. <i>http:\/\/wpthemego.com\/wp-admin\/<\/i>).<\/li>\n<li>Login to your WordPress Dashboard and go to<b> Appearance &gt; Theme <\/b> and click <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/wp-upload1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New<\/a> to add new theme.<\/li>\n<li>Click the <b>Upload Theme<\/b> button then <b>Choose File<\/b> and select <b>sw_athestics_theme_vx.x.x.zip<\/b> file and click <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/wp-upload2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Install Now<\/a>.<\/li>\n<li>It will take a few minutes to install the theme.<\/li>\n<li>After seeing the message <b>Theme installed successfully<\/b>, you can <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/wp-upload3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> Athestics in your site.<\/li>\n<\/ol>\n<\/div>\n<div id=\"ftp-upload\" class=\"tab-pane\">\n<ol>\n<li>Access your FTP client, such as <a href=\"https:\/\/filezilla-project.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">FileZilla<\/a> to start upload Athestics theme.<\/li>\n<li>Navigate to the folder of your website (i.e. <i>wpthemego.com\/wp-content\/themes<\/i>) then upload and extract theme file <b>sw_athestics_theme_vx.x.x.zip<\/b> to this directory. After that, you will have a theme folder named as <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/ftp-upload1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Athestics<\/a> in your site&#8217;s directory.<\/li>\n<li>Login to the Admin Panel of your site (i.e. <i>http:\/\/wpthemego.com\/wp-admin\/<\/i>). Go to <b>Appearance &gt; Themes<\/b> to find <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/ftp-upload2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Athestics theme<\/a>.<\/li>\n<li>After seeing Athestics theme&#8217;s thumnail, choose and click on <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/ftp-upload3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> to install it in your site.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p><!-- End tabs --><br \/>\n<span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial for this Quickstart Installation here: <a href=\"http:\/\/wpthemego.com\/document\/how-to-install-quickstart-for-wordpress-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Install Quickstart for WordPress Theme<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"plugininstall\" class=\"toggle active\"><label>Required Plugin Installation<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To have the theme works well with full features, after installing the theme, all the required plugins should be installed and activated. Below are the required plugins for Athestics theme:<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#require-plugin\" data-toggle=\"tab\"><b>Required Plugins<\/b><\/a><\/li>\n<li><a href=\"#recommend-plugin\" data-toggle=\"tab\"><b>Recommended Plugins<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"require-plugin\" class=\"tab-pane active\">\n<p>These are the required plugins of Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><a href=\"https:\/\/wpthemego.com\" target=\"_blank\" rel=\"noopener noreferrer\">One Click Demo Import by WPTHEMEGO<\/a><\/li>\n<li><a href=\"https:\/\/wpthemego.com\" target=\"_blank\" rel=\"noopener noreferrer\">SW Core by WPTHEMEGO<\/a><\/li>\n<li><a href=\"https:\/\/wpthemego.com\" target=\"_blank\" rel=\"noopener noreferrer\">SW Woocommerce by WPTHEMEGO<\/a><\/li>\n<li><a href=\"https:\/\/revolution.themepunch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Slider Revolution<\/a><\/li>\n<li><a href=\"https:\/\/vc.wpbakery.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPBakery Visual Composer<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-importer\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress Importer<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/accesspress-social-login-lite\/\" target=\"_blank\" rel=\"noopener noreferrer\">Social Login WordPress Plugin &#8211; AccessPress Social Login Lite<\/a><\/li>\n<li><a href=\"https:\/\/mc4wp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MailChimp for WordPress<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noopener noreferrer\">Contact Form 7<\/a><\/li>\n<li><a href=\"https:\/\/wpthemego.com\" target=\"_blank\" rel=\"noopener noreferrer\">Sw Class by WPTHEMEGO<\/a><\/li>\n<li><a href=\"https:\/\/wpthemego.com\" target=\"_blank\" rel=\"noopener noreferrer\">Sw Trainer by WPTHEMEGO<\/a><\/li>\n<\/ol>\n<\/div>\n<div id=\"recommend-plugin\" class=\"tab-pane\">\n<p>These are the plugins compatible with Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><a href=\"https:\/\/yoast.com\/wordpress\/plugins\/seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast SEO<\/a>: This is plugin for SEO in your site.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Fastest Cache<\/a>: Plugin to speed up your site by creating static html files from your dynamic WordPress blog.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/loco-translate\/\" target=\"_blank\" rel=\"noopener noreferrer\">Loco Translate<\/a>: Loco Translate provides in-browser editing of WordPress translation files.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p><!-- End tabs --><br \/>\n<b>To install and activate required plugins, please follow steps as below: <\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After installing and activating the theme, there is a message about installing required plugins at the top of the page.<\/li>\n<li>Click on <b>Begin Installing plugins<\/b> link to start installing required plugins for <b>SW Athestics<\/b> theme.<\/li>\n<li>Now it will be redirected to <b>Install Required Plugins<\/b> page, here you will find all of the theme required plugins.<\/li>\n<li>Choose all of required plugins then select <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/plugin1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Install<\/b><\/a> and click <b>Apply<\/b>.<\/li>\n<li>After successful installation, choose all of them then select <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/plugin2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Activate<\/b><\/a> and click <b>Apply<\/b>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> <b>Some Notes For Plugin Installation:<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>&#8211; When installing, if there is notice that any plugin is <b>unsuccessful<\/b> installed, please choose <b>each<\/b> of them and install <b>one by one again<\/b>.<\/p>\n<p>&#8211; If your server does not permit automatic installation, you need to install them manually with plugins in folder <b><em>data\/plugins<\/em><\/b>.<\/p>\n<\/div>\n<\/section>\n<section id=\"themeupdate\" class=\"toggle active\"><label>How to Update Athestics theme?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>We update our themes regularly for bug fix, WordPress and plugins compatibility and improvements. Therefore, it&#8217;s necessary to have Athestics theme in your site up-to-date.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To update the theme in your site, please follow steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Back up your site!<\/b> Before changing anything in your site, don&#8217;t forget to backup it to save your data and custom code or CSS. It will save your life in the worst situation.<\/li>\n<li>Copy the custom code you made in your site and save it in your computer to add it later.<\/li>\n<li>Download the latest version of Athestics theme.<\/li>\n<li>Deactive and remove all required plugins in the old version of this theme. We will install the new version of them later.<\/li>\n<li>Uninstall the theme and install new version <b>sw_athestics_theme_vx.x.x.zip<\/b> of Athestics.<\/li>\n<li>Click on <b>Begin installing plugins<\/b> link and install new version of plugins. This step is essential to update the required plugins for bug fix and feature improvement.<\/li>\n<li>Now the theme is updated successfully. You can paste your custom code in the new theme.<\/li>\n<li>After all, check your site again to ensure that the update works.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the tutorial for this Quickstart Installation here: <a href=\"http:\/\/wpthemego.com\/document\/how-to-update-wordpress-theme-for-your-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Update WordPress Theme for Your Site?<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"pluginupdate\" class=\"toggle active\"><label>How to Update Plugin in Athestics theme manually?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Ussually, when a required plugin is updated, we also update the theme package. Therefore, when updating Athestics theme, you can also choose to update plugin automatically.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To update plugin in Athestics theme, please follow steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Back up your site!<\/b> to save your customization.<\/li>\n<li>Copy the custom code you made in your site and save it in your computer to add it later.<\/li>\n<li>Download the latest version of Athestics theme on Themeforest. There is latest version of plugin in the theme package\/data folder. Or else you can get it from plugin provider.<\/li>\n<li>Deactive and remove old version of this plugin. You can directly delete this plugin&#8217;s files in folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li>Now you can install new version in your site. If the <b>max_size_upload &gt; 8M<\/b>, you can upload it via Admin Panel. Or else, you need to extract the plugin then add it to folder <b>\/public_html\/wp-content\/plugins<\/b> of your site using FTP.<\/li>\n<li>Now the theme is updated successfully. You can paste your custom code in the new theme.<\/li>\n<li>After all, check your site again to ensure that the update works.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> Before updating any plugin in your site, you need to have a test first to make sure that it won&#8217;t damage your site! When a plugin is updated, we will check if it&#8217;s compatible with our current theme version. After that, we will update theme package then you can update in your site later. If you see there is bug after the update in the test process, <b>you should wait for our update<\/b> for latest version of plugin to update in you live site.<\/p>\n<\/div>\n<\/section>\n<section id=\"childtheme\" class=\"toggle active\"><label>Athestics Child Theme<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. Child themes are the recommended way of modifying an existing theme.<\/p>\n<p>If you plan on doing any customization on your site, you will definitely need to set up this child theme on your site.<\/p>\n<p>&nbsp;<\/p>\n<p><b>After installing and activating Athestics theme, you can install Athestics Child Theme following steps below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Navigate to the Admin Panel of your site (i.e. <i>http:\/\/wpthemego.com\/wp-admin\/<\/i>).<\/li>\n<li>Login to your WordPress Dashboard and go to<b> Appearance &gt; Theme <\/b> and click <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/childtheme1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New<\/a> to add new theme.<\/li>\n<li>Click the <b>Upload Theme<\/b> button then <b>Choose File<\/b> and select <b>sw_athestics-child-theme.zip<\/b> file and click <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/childtheme2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Install Now<\/a>.<\/li>\n<li>It will take a few minutes to install the theme.<\/li>\n<li>After seeing the message <b>Theme installed successfully<\/b>, you can <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/install\/childtheme3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Activate<\/a> Athestics Child Theme in your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see a tutorial about Child Theme: <a href=\"http:\/\/wpthemego.com\/document\/how-to-use-child-theme-for-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use Child Themes<\/span><\/a>.<br \/>\nThe screenshots used above are taken from <a href=\"http:\/\/wpthemego.com\/premium-themes-on-themeforest\/revo.html\" target=\"_blank\" rel=\"noopener noreferrer\">Revo Theme<\/a> as an example.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: installation --><\/p>\n<p><!-- start: import demo content --><\/p>\n<div id=\"import\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">IMPORT DEMO CONTENTS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"before-import\" class=\"toggle active\"><label>About Athestics Importation<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Importing demo data (post, pages, images, theme settings and more) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.<\/p>\n<p>&nbsp;<\/p>\n<p>After Theme Installation, to have demo data in your site, it&#8217;s neccessary for you to import demo content. Athestics supports you to import only 01 Home Page layout only. The process includes 03 steps:<\/p>\n<ol>\n<li><b>Import Demo Data:<\/b> This includes demo pages, posts, menu, widgets, post and other elements of the theme.<\/li>\n<li><b>Last Import Step:<\/b> After Importation, you need to reconfigure the Menu then your site will be the same as in the demo.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>When you import the data, the following things might happen:<\/p>\n<ul>\n<li>No existing posts, pages, categories, images, custom post types or any other data will be deleted or modified.<\/li>\n<li>Posts, pages, images, widgets, menus and other theme settings will get imported.<\/li>\n<li>Please click on the Import button only once and wait, it can take a couple of minutes.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>After successfully importing all the steps above, your site will be the same as Athestics demo.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Warning<\/span> Before the importation, the theme and required plugins should be installed and activated successfully in your site.<\/p>\n<\/div>\n<\/section>\n<section id=\"demodata\" class=\"toggle active\"><label>Import Demo Data<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>To import demo data of Athestics theme, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before install the theme, please make sure that your site meets all the <a href=\"#requirement\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">system requirements<\/span><\/a> and the theme package is available in your computer.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/import\/demo.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In the Administrator page, go to <b>Appearance &gt; Import Demo Data<\/b> to open the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/import\/import1.png\" target=\"_blank\" rel=\"noopener noreferrer\">One Click Demo Import<\/a> window.<\/li>\n<li>Now, you can see different thumnails for each demo pages. Choose the Home Page style you want, then click on <b>Import<\/b> button to start the process. Please just click only <b>01<\/b> time. You can also click on <b>Preview<\/b> to see the demo of this home page style.<\/li>\n<li>It will appear a popup to confirm your decision. Click on <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/import\/import2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Yes, Import!<\/a> to continue.<\/li>\n<li>The process many take <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/import\/import3.png\" target=\"_blank\" rel=\"noopener noreferrer\">5-10 minutes<\/a> due to the data size and your Internet. Please wait until it&#8217;s done.<\/li>\n<li>After seeing the successful message, the importation is all done. Now you can have a check at your site.<\/li>\n<li>Finally, you can <b>Deactivate<\/b> plugin <b>One Click Demo Import<\/b> in your site because it is not neccessary anymore.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-info margin-top-bottom-5\">\n<h4><i class=\"fa fa-info\"><\/i> Important!<\/h4>\n<p>&#8211; For Demo 3, you need to go to <b>Appearance &gt; Widget<\/b> and choose <b>Slider Home 3<\/b> for Widget Revolution Slider in <b><b>Slider Home 3<\/b><\/b> section.<\/p>\n<p>&#8211; After the importation, there may be <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/import\/import4.png\" target=\"_blank\" rel=\"noopener noreferrer\">[ERROR] Failed to import &#8220;sw_demo.zip&#8221; (Media)<\/a><\/p>\n<p>Don&#8217;t worry about this. This is the one we used for our demo purpose only and this one has no effect on the theme importation process.<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Warning<\/span> The data will be downloaded from our server, these images are copyrighted and are for demo use only. Please click import only once and wait, this process can take a couple of minutes.<\/p>\n<\/div>\n<\/section>\n<section id=\"last\" class=\"toggle active\"><label>Menu Configuration<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>After the Data Importation, you can check your site again. Usually, you need to reconfigure the menu to have your site the same as in the demo.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In the Administrator page, go to <b>Appearance &gt; Menu<\/b> and choose the one you want to configure.<\/li>\n<li>After that click on Save button to save the menu.<\/li>\n<li>You can also change some information of the menu as you want.<\/li>\n<li>After all, you can check your site to see the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You can see the Menu Settings in the <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail..<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: import demo content --><\/p>\n<p><!-- start: basic settings --><\/p>\n<div id=\"basicsettings\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">BASIC SETTINGS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"page\" class=\"toggle\"><label>Page Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Pages is one of the most important elements in a WordPress website. In this section, we will cover issues related to page including: Create a New Page, Set up Home Page, Page Metabox in Athestics theme and Page with Visual Composer.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new page?<\/h4>\n<p>To create a new Page, please follow steps as below:<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Pages &gt; Add New<\/a> option to begin writing a new page.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new page including Page Title, Page Attributes, Public Status. Page Content.<\/li>\n<li>Scrolling down to the end of the window, you will see the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> area of Athestics theme. Here you can configure the options including Logo, Color Schemes, Home Page template, Typography, Header, Footer and Sidebar for this page. <b>Please note that if there is no change here, the settings in Theme Options will be applied to this page.<\/b><\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"https:\/\/codex.wordpress.org\/Pages\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Pages<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Home Page?<\/h4>\n<p>To set up Home Page or Front Page for your website, please follow steps as below:<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Settings &gt; Reading<\/b>.<\/li>\n<li>In the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Reading Settings<\/a>, select A Static Page option.<\/li>\n<li>Select the page you want as home page in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Front Page<\/a> dropdown list.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"https:\/\/codex.wordpress.org\/Creating_a_Static_Front_Page\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Creating a Static Front Page<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">About <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> in Athestics theme<\/h4>\n<p>After installing and activating Athestics theme, the Page Metabox will be availaible in your site. You can go to Pages &gt; All Pages then choose the page you want then scrolling down to the end to see <b>Page Metabox<\/b> options.<\/p>\n<p>&nbsp;<\/p>\n<p><b>Please note that the change in the Page Metabox will be apply to the page rather than the one in the <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Options<\/a>. If there is no change here, the settings in Theme Options will be applied to the page.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>The Page Metabox often includes options: General, Typography, Header, Footer, and Sidebar.<\/p>\n<ol>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page2.png\" target=\"_blank\" rel=\"noopener noreferrer\">General<\/a>: In this tab, you can configure options including Custom Logo, Home Template and Color Scheme for the page.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Typography<\/a>: In this tab, you can configure Font Style, Font Weight for elements in the page.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Header<\/a>: In this tab, you can choose to Hide Header or Header Style for the page.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Footer<\/a>: In this tab, you can choose to Hide Footer or Footer Style for the page.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Sidebar<\/a>: In this tab, you can enable Sidebar and choose type of Sidebar for the page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see documentation about Page Metabox: <a href=\"http:\/\/wpthemego.com\/document\/theme-options-page-metabox-category-metabox\/#metabox\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Theme Options, Page Metabox &amp; Category Metabox<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Edit Page with Visual Composer<\/h4>\n<p>Athestics theme supports Visual Composer &#8211; the most powerful plugins that allow you to easily drag and drop page builder in the standard WordPress page\/post edit area or directly from the frontend.<\/p>\n<p>&nbsp;<\/p>\n<p>With Visual Composer. you can edit a page both in the backend and front end of your site. To edit a page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Login your site then open the page you want to edit then choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Now, you can edit Row, Column and elements in the page. To edit elements, please hover on the one you want then click on \u201cpencil\u201d icon to <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit this element<\/a>.<\/li>\n<li>After that, you can configure different options of this element in tab <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page10.png\" target=\"_blank\" rel=\"noopener noreferrer\">General and Design Options<\/a> due to different types.<\/li>\n<li>After all, you can preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see documentation about Visual Composer: <a href=\"http:\/\/www.wpbakeryvisualcomposer.com\/visual-composer-tutorials\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Visual Composer Tutorials<\/span><\/a> and <a href=\"https:\/\/vc.wpbakery.com\/video-tutorials\/ target=\"><span class=\"highlight\">Video Tutorials<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to make your page appear in Megamenu<\/h4>\n<p>To have your page appear in the Megamenu, please follow steps as below:<\/p>\n<ol>\n<li>After creating the page, go to <b>Appearance &gt; Menu<\/b> and choose <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page11.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Primary Menu <b>(Primary Menu)<\/b><\/a>. This is the one set as Primary Menu in your site.<\/li>\n<li>Now, please select the page you want, then click on button <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page12.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Add to Menu<\/a> and Save Menu.<\/li>\n<li>After all, please check your site to see the result.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"post\" class=\"toggle\"><label>Post Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Blog Post is one of the most important elements to create a Blog Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Blog Post, Set up Blog page and Blog Post in Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new post?<\/h4>\n<p>To create a new Post please follow steps as below:<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Posts &gt; Add New<\/a> option to begin writing a new post.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new post including post Title, post link, Public Status, Content, Tags, Feature Image, Post Type.<\/li>\n<li>Scrolling down to the end of the window, you will see the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> area of Athestics theme. Here you can configure the options including Header, Footer and Sidebar for this post. <b>Please note that if there is no change here, the settings in the page including this post will be applied.<\/b><\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"https:\/\/codex.wordpress.org\/Posts\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">WordPress Posts<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">About <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> of post in Athestics theme<\/h4>\n<p>After installing and activating Athestics theme, the Page Metabox will be availaible in your site. You can go to Posts &gt; All Posts then choose the post you want then scrolling down to the end to see <b>Page Metabox<\/b> options.<\/p>\n<p>&nbsp;<\/p>\n<p><b>Please note that the change in the Page Metabox of the post will be apply to the post rather than the one in the <a href=\"http:\/\/wpthemego.com\/document\/theme-options-page-metabox-category-metabox\/\" target=\"_blank\" rel=\"noopener noreferrer\">Page Metabox of Page<\/a>. If there is no change here, the settings in Page will be applied.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>The post Metabox often includes options: Header, Footer, and Sidebar.<\/p>\n<ol>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Header<\/a>: In this tab, you can choose to Hide Header or Header Style for the post.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Footer<\/a>: In this tab, you can choose to Hide Footer or Footer Style for the post.<\/li>\n<li><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Sidebar<\/a>: In this tab, you can enable Sidebar and choose type of Sidebar for the post.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see documentation about Page Metabox: <a href=\"http:\/\/wpthemego.com\/document\/theme-options-page-metabox-category-metabox\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Theme Options, Page Metabox &amp; Category Metabox<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>1. <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Categories<\/a>: To add new category, please go to <b>Post &gt; Categories<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Tags<\/a>: To add new tag, please go to <b>Post &gt; Tags<\/b> then complete information for the new tag in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Post Image Size<\/h4>\n<p>In Athestics theme, we recommend to configure image dimensions for post image size. You can go to <b>Settings &gt; Media<\/b> and set up the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/post11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Image Dimentions<\/a> to use when adding an image to the Media Library.<\/p>\n<\/div>\n<\/section>\n<section id=\"product\" class=\"toggle active\"><label>Product Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\" style=\"display: block;\">\n<p>Product is one of the most important elements to create a Shop Page in a WordPress website. In this section, we will cover issues related to this one including: Create a New Product, Set up Product Page and other related things in Athestics theme.<\/p>\n<p><b>Please make sure that you install and activate WooCommerce plugin before this process.<\/b><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new product?<\/h4>\n<p>To create a new product, please follow steps as below:<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Products &gt; Add Product<\/a> option to begin writing a new product.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new product including product Title, Product Link, Public Status, Content, Tags, Feature Image, Feature Video, Categories, Brand and others.<\/li>\n<li>Scrolling down to the end of the window, you will see the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b> Page Metabox<\/b><\/a> for Product of Athestics theme. Here you can configure the options including Header, Footer and Sidebar for this product.<\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail about this process, you can check the WooCommerce Documentation: <a href=\"https:\/\/docs.woocommerce.com\/documentation\/plugins\/woocommerce\/getting-started\/setup-products\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Set Up Products<\/span><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Product page in Athestics Theme?<\/h4>\n<p>To set up product page for your website, please follow steps as below:<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Go to Pages then create a Shop page.<\/li>\n<li>Now, go to <b>WooCommerce &gt; Settings &gt; Products &gt; Display<\/b> to <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Assign Product Page<\/a> to the new created Shop item.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Please note that the configuration in Page Metabox <span class=\"highlight\">has no effect<\/span> on Shop page. This Shop page will only be applied the settings in <b>Appearance &gt; Theme Options &gt; Products<\/b>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>1. <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Categories<\/a>: To add new category, please go to <b>Product &gt; Categories<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. Tags: To add new tag, please go to <b>Product &gt; Tags<\/b> then complete information for the new tag in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<p>3. <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Categories Brand<\/a>: To add new category, please go to <b>Product &gt; Categories Brand<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>4. Attributes: To add new category, please go to <b>Product &gt; Attributes <\/b> then complete information for the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product9.png\" target=\"_blank\" rel=\"noopener noreferrer\">New Attribute<\/a> and Save it. In Athestics theme, we use <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Color<\/a> and <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product11.png\" target=\"_blank\" rel=\"noopener noreferrer\">Size<\/a>.<\/p>\n<p>5. Color Swatch: After adding the Attribute, you can add color swatch in tab <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product14.png\" target=\"_blank\" rel=\"noopener noreferrer\">Variations<\/a> and add image swatch in tab <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product15.png\" target=\"_blank\" rel=\"noopener noreferrer\">Sw WooSwatches<\/a> for each color.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Image Size<\/h4>\n<p>In Athetics theme, to have the most beautiful shop page, we recommend to configure image dimensions for product image size as below:<\/p>\n<ol>\n<li>Set the <b>Product Image Size<\/b> in <b>Customizing &gt; WooCommerce &gt; Product Images<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/woo5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Product Images<\/a><\/li>\n<li><b>Homepage 1 <\/b>&#8211; <em>600&#215;800 pixels<\/em><\/li>\n<li><b>Homepage 2<\/b> \u2013 <em>600&#215;800 pixels<\/em><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Featured Video Product<\/h4>\n<p>In Athetics theme, you can use <b>Featured Video<\/b> for Product in stead of Image. To use this feature, while creating new product, you can enter the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product12.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Youtube Video ID<\/b><\/a> in the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/product13.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Featured Product Video<\/b><\/a> option.<\/p>\n<p>Currently, this feature only supports Youtube Video, we will update to support Vimeo video in the next version.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Color Swatch and Image for Product<\/h4>\n<p>In Athetics theme, you can use <b>Color Swatch and Image<\/b> for Variable Products. You can use this feature for products in your site by following steps <a href=\"http:\/\/wpthemego.com\/document\/how-to-add-color-swatch-and-image-in-woocommerce-products\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>HERE<\/b><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Bundle Products<\/h4>\n<p>In Athetics theme, you can create <b>Bundle Product<\/b> thanks to plugin SW Product Bundles. You can use this feature for products in your site by following steps <a href=\"http:\/\/wpthemego.com\/document\/how-to-create-bundle-product-in-wordpress-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>HERE<\/b><\/a>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Brand Images for Detail Products<\/h4>\n<p>In Athetics theme, you can upload the brand images for product in page detail. You can use this feature for products in your site by following steps <a href=\"http:\/\/wpthemego.com\/document\/how-to-add-brand-image-in-product-detail-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>HERE<\/b><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"portfolio\" class=\"toggle\"><label>Portfolio Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Portfolio Post is one of the most important elements to create a Portfolio Page in a WordPress website. In this section, we will cover issues related to page including: Create a New Portfolio Post, Set up Portfolio page and Portfolio Post in Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new portfolio?<\/h4>\n<p>To create a new Post please follow steps as below:<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Portfolio &gt; Add New<\/a> option to begin writing a new portfolio.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new portfolio including portfolio Title, Portfolio Link, Public Status, Content, Tags, Feature Image, Post Type.<\/li>\n<li>Scrolling down to the end of the window, you will see the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b> Portfolio Meta<\/b><\/a> area of Athestics theme. Here you can configure the options including Skill Needed, URL, Copyright and Image Size Mansonry Layout for this portfolio.<\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Portfolio page in Athestics Theme?<\/h4>\n<p>To set up portfolio page for your website, please follow steps as below:<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Create a new page with Visual Composer and add element <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>SW Portfolio<\/b><\/a>.<\/li>\n<li>Now, configure the options in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio4.png\" target=\"_blank\" rel=\"noopener noreferrer\">SW Portfolio<\/a> including Title, Categories and other Design options as you want.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>1. <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Portfolio Categories<\/a>: To add new category, please go to <b>Portfolio &gt; Categories Portfolio<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. Tags: To add new tag, please go to <b>Portfolio &gt; Tags<\/b> then complete information for the new tag in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/portfolio10.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<\/div>\n<\/section>\n<section id=\"room\" class=\"toggle\"><label>Class Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Class Settings help you display and manage classes with a lot of criterias . In this section, you can: Manage all classes, categories and tags, Create a New class, Set up criterias of classes&#8230;<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new Class?<\/h4>\n<p>To create a new class please follow steps as below:<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/add-new-room.png\" target=\"_blank\" rel=\"noopener noreferrer\">Classes &gt; Add New<\/a> option to begin creating a new class.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/new-room-settings.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new class including portfolio Title, Description, Hotel Service, Category, Tags, Class Meta, Feature Image, Class Gallery.<\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Class Options?<\/h4>\n<p>To set up Class Options, please follow steps as below:<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/room-setting.png\" target=\"_blank\" rel=\"noopener noreferrer\">Classes &gt; Class Settings<\/a> to edit and manage Class Options.<\/li>\n<li>Now, configure the options in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/room-settings.png\" target=\"_blank\" rel=\"noopener noreferrer\">Class Settings page<\/a> including booking page options as you want.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up Class Schedule?<\/h4>\n<p>To set up Class Schedule, please follow steps as below:<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/room-setting2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Classes &gt; Class Schedule<\/a> to edit and manage Class Schedule.<\/li>\n<li>Now, configure the options in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/room-settings2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Class Settings page<\/a> including select class options as you want.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>1. Class Categories: To add new category, please go to <b>Classes &gt; Categories Classes<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/room-categories.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. Tags: To add new tag, please go to <b>Classes&gt; Tags<\/b> then complete information for the new tag in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/tag-room.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<\/div>\n<\/section>\n<section id=\"event\" class=\"toggle\"><label>Trainer Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Trainer Settings help you create and manage trainers of your class. In this section, you can: Create a New trainer, Manage all trainers, categories and tags<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to create a new trainer?<\/h4>\n<p>To create a new trainer please follow steps as below:<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Select the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/add-new-event.png\" target=\"_blank\" rel=\"noopener noreferrer\">Trainers&gt; Add New<\/a> option to begin creating a new trainer.<\/li>\n<li>Configure <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/new-event-settings.png\" target=\"_blank\" rel=\"noopener noreferrer\">Options<\/a> for new trainer including Title, Description, Trainer Meta (Age, Height, Weight&#8230;), Trainer Skills( Body building, Boxing, Core, Martial Art), Contact, Socials, Category, Tags and Feature Image.<\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Other Settings<\/h4>\n<p>1. Trainer Categories: To add new category, please go to <b>Trainers &gt; Categories Trainers<\/b> then complete information for the new category in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/event-cate.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Category<\/a> window and Save it.<\/p>\n<p>2. Tags: To add new tag, please go to <b>Trainers &gt; Tags<\/b> then complete information for the new tag in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/event-tag.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add New Tag<\/a> window and Save it.<\/p>\n<\/div>\n<\/section>\n<section id=\"menu-config\" class=\"toggle\"><label>Menu Configuration<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics theme supports custom WordPress menu with multi-level dropdown for main menu or Megamenu. Once a menu is created and assigned to the location, it will show up on the site. Please see below for the menu locations, how to create a new menu, and the menu in Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<p>You can go to <b>Appearance &gt; Menus<\/b> to check the settings for <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-location.png\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Athestics Menu Location<\/span><\/a> in your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to set up a new menu?<\/h4>\n<p>To create a new menu, please follow steps as below:<\/p>\n<ol>\n<li>Navigate to <em>Appearance &gt; Menus<\/em> section of your admin sidebar.<\/li>\n<li>Click the <b>Create A New Menu<\/b> link to make a new menu. Enter the name then click the Create Menu button.<\/li>\n<li>To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.<\/li>\n<li>To add a custom menu item, enter a custom name and link into the Links box.<\/li>\n<li>Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.<\/li>\n<li>After setting up your menu, scroll down to the bottom of the page to assign the menu to one of locations in the Theme Locations box.<\/li>\n<li>Once its all done, make sure you click the Save button.<\/li>\n<\/ol>\n<p>To edit an old menu, you can choose the one you want then configure and save it.<br \/>\n<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu1.png\" alt=\"menu configuration\" \/> <\/a><\/p>\n<div class=\"text-center\">Menu Configuration<\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Sometimes more than one menu at the main menu location is needed for a complex site. Since the one page site part uses menu anchors for scrolling it will need a different menu than the rest of the site, that will use normal links. The menu you want to use on almost all pages of your site, can be setup simply like it is shown above. Assign it to the main menu location, and you are done. The second menu, that was especially created for the one page site part, is not assigned to a special location in the menu setting.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to use Mega Menu in Athestics theme?<\/h4>\n<p>To use the Mega Menu, you need to pay attention to some points as below:<\/p>\n<ol>\n<li>Active the Megamenu in the Menu Level 0 item.<\/li>\n<li>Have menu level 0, menu level 1 and menu level 2.<\/li>\n<li>Set to use Mega Menu and assign menu to use in the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Navbar Options<\/a> in <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>Please see image below to have an overview about the Mega Menu configuration in Athestics theme:<br \/>\n<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu2.png\" alt=\"menu configuration\" \/> <\/a><\/p>\n<div class=\"text-center\">Mega Menu Interface Overview<\/div>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Menu Settings<\/h4>\n<p>To have a complete megamenu, we should understand the menu settings. In Athestics theme, there are multile level of menu item: Parent Menu (Menu level 0) and Child Menu (Menu Level 1 &amp; 2). Below are detail information about Menu Settings.<\/p>\n<p><b>This part is refer to the settings in Appearance &gt; Menu section in the WordPress Admin of Athestics theme.<\/b><\/p>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">1. Parent Menu:<\/h5>\n<p>(<i>See <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Screenshot<\/a> <\/i>)<\/p>\n<ul>\n<li><b>Navigation Label:<\/b> This option allows you to add a name to your menu item.<\/li>\n<li><b>Title Attribute:<\/b> This option specifies the value for the title attribute of the menu item.<\/li>\n<li><b>CSS Classes:<\/b> This option lets you to add CSS Class to style the menu item.<\/li>\n<li><b>Show\/Hide Advance Menu Config:<\/b> This will open additional menu item settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Active mega menu:<\/b> This option enables you to active megamenu.<\/li>\n<li><b>Icon:<\/b> This option allows you to select a Font Awesome icon for the menu item.<\/li>\n<li><b>Active Full Mega Menu:<\/b> This option enables you to active full megamenu<\/li>\n<li><b>Dropdown Size:<\/b> This option lets you to configure the dropdown size of column for child menu.<\/li>\n<li><b>Show Description as Subtitle:<\/b> This option let you to enable menu item description as substittle.<\/li>\n<li><b>Hide Title:<\/b> This option lets you to hide tittle.<\/li>\n<li><b>Disable Link:<\/b> This option lets you to disable the title link.<\/li>\n<li><b>Menu Thumbnail:<\/b> This one allows you to upload custom image as menu thumbnails.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">2. Child Menu:<\/h5>\n<p>(<i>See <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Screenshot<\/a> <\/i>)<\/p>\n<ul>\n<li><b>Navigation Label:<\/b> This option allows you to add a name to your menu item.<\/li>\n<li><b>Title Attribute:<\/b> This option specifies the value for the title attribute of the menu item.<\/li>\n<li><b>CSS Classes:<\/b> This option lets you to add CSS Class to style the menu item.<\/li>\n<li><b>Show\/Hide Advance Menu Config:<\/b> This will open additional menu item settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Icon:<\/b> This option allows you to select a Font Awesome icon for the menu item.<\/li>\n<li><b>Dropdown sub size:<\/b> This option lets you to configure the dropdown size of column.<\/li>\n<li><b>Show Description as Subtitle:<\/b> This option let you to enable menu item description as substittle.<\/li>\n<li><b>Hide Title:<\/b> This option lets you to hide tittle.<\/li>\n<li><b>Disable Link:<\/b> This option lets you to disable the title link.<\/li>\n<li><b>Advanced options:<\/b> This enables you to show Advanced Content\/Shortcode or Page to megamenu. If you want to use shortcode or page, you need create them before assign here.<\/li>\n<li><b>Menu Thumbnail:<\/b> This one allows you to upload custom image as menu thumbnails.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Existing Menus in Athestics theme<\/h4>\n<p>In Athestics, we use various menus for different positions. After importing the demo data, there will be many menus available in your site:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Primary Menu (Primary Menu)<\/li>\n<li>About Fitness<\/li>\n<li>Classes<\/li>\n<li>Customer<\/li>\n<li>Menu Account<\/li>\n<li>Menu Mobile<\/li>\n<li>My Account<\/li>\n<li>Useful links<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Primary Menu<\/h4>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu6.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu6.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<div class=\"text-center\">Primary Menu<\/div>\n<p>&nbsp;<\/p>\n<p>To create and configure this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu7.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<li>Menu item <b>Accessories &gt; Gym Fitness<\/b>: You need to create page <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/promotion.png\" target=\"_blank\" rel=\"noopener noreferrer\">Megamenu<\/a> with element <b>Raw HTML<\/b> first. After that, you can <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/promotion3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Append this page<\/a> to the megamenu.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><i>You can copy and paste the code here for the element Raw HTML. You can edit the image link, link and content in the element with Visual Composer:<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"blog-mega-menu\"&gt;\r\n\t&lt;div class=\"container\"&gt;\r\n\t\t\t&lt;div class=\"item-left\"&gt;\r\n\t\t\t\t&lt;div class=\"wrap-content\"&gt;\r\n\t\t\t\t\t&lt;div class=\"item-menu\"&gt;\r\n\t\t\t\t\t\t&lt;h4&gt;SHOP BY SPORT&lt;\/h4&gt;\r\n\t\t\t\t\t\t&lt;ul&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;training&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;running&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;rugby&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;swimming&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;cricket&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;boxing&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;football&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t&lt;\/ul&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t&lt;div class=\"item-menu\"&gt;\r\n\t\t\t\t\t\t&lt;h4&gt;shoes&lt;\/h4&gt;\r\n\t\t\t\t\t\t&lt;ul&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;women's shoes&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;men's shoes&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;running&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;training&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;lifestyle&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t&lt;\/ul&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t&lt;div class=\"item-menu\"&gt;\r\n\t\t\t\t\t\t&lt;h4&gt;clothing&lt;\/h4&gt;\r\n\t\t\t\t\t\t&lt;ul&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;women's clothing&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;tops &amp; tees&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;trousers &amp; tights&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;jackets &amp; gilets&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;shorts&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;sports bras&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;swimwear&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t&lt;\/ul&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t&lt;div class=\"item-menu\"&gt;\r\n\t\t\t\t\t\t&lt;h4&gt;accessories&lt;\/h4&gt;\r\n\t\t\t\t\t\t&lt;ul&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;bags &amp; backpacks&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;hats &amp; caps&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;socks&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t\t&lt;li&gt;&lt;a href=\"#\"&gt;headphones&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t\t\t\t\t&lt;\/ul&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;div class=\"item-right\"&gt;\r\n\t\t\t\t&lt;a href=\"#\" title=\"Image\"&gt;&lt;img src=\"[bloginfo]\/wp-content\/uploads\/2019\/01\/img-mega.jpg\" alt=\"img\"&gt;&lt;\/a&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">About Fitness<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/about-fitness1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/about-fitness1.png\" alt=\"menu configuration\" \/><br \/>\n<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/about-fitness.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Classes<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/classes1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/classes1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/classes.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Customer Service<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/customer-service1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/customer-service1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/customer-service.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Menu Account<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-account1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-account1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-account.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Menu Mobile<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-mobile11.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-mobile1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu-mobile.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">My Account<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/my-account1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/my-account1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/my-account.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Useful Links<\/h4>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/useful-link1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/useful-link1.png\" alt=\"menu configuration\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>To create this menu, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>After login the backend and go to <b>Appearance &gt; Menu<\/b>, you can create this menu.<\/li>\n<li>You can see Backend Settings here:<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/useful-link.png\" target=\"_blank\" rel=\"noopener noreferrer\"> See Screenshot<\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/section>\n<section id=\"widget\" class=\"toggle\"><label>Widget Settings<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics supports you with various pre-made Widget Sections and available Widgets to add different elements into different pages in your site. In this section, we will give you how to use Widgets in Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<p>These elements locates in <b>Appearance &gt; Widgets<\/b> in the Admin Panel of your site.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Pre-made Widget Sections in Athestics theme<\/h4>\n<p>There are various<a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget1.png\" target=\"_blank\" rel=\"noopener noreferrer\"> pre-made widget sections <\/a> in Athestics. They are:<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget.png\" alt=\"header\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Available Widgets in Athestics theme<\/h4>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget2.png\" alt=\"header\" \/><\/p>\n<h4 class=\"text-primary\">How to Add a Widget into a Widget Section<\/h4>\n<p>To add a Widget into a Widget Section, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Navigate to the <b>Appearance &gt; Widgets<\/b> tab to access the list of widgets and widget sections. The left hand side shows all the widgets you can use. The right hand side shows all the different widget sections you can add widgets to.<\/li>\n<li>Click on the widget you want, choose widget section to add and click on button <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget2-2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Add Widget<\/a>. Or else, you can <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget3.png\" target=\"_blank\" rel=\"noopener noreferrer\">drag and drop<\/a> it to the widget section.<\/li>\n<li>To rearrange widgets on a widget section, just drag and drop the widgets into the order you\u2019d like.<\/li>\n<li>After that, you need to configure different options due to different types of widget.<\/li>\n<li>Finally, click <b>Save<\/b> to save the change.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To remove the widget, in the section you want, please choose it then click <b>Delete<\/b>.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Widget Settings<\/h4>\n<p>Most of widgets are so easy to use. You are able to manage all widgets with <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget4-4.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>live preview<\/b><\/a> to make it easy to configure for your site. In athestics, we use some different widgets, see their configuration below:<\/p>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">1.Category Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a>&#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget41.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b> Display as dropdown:<\/b> This option allows you to configure the item to display as dropdown.<\/li>\n<li><b>Show post counts:<\/b> This option lets you to show post counts for categories.<\/li>\n<li><b>Show hierarchy:<\/b> This option lets you to show category regarding to hierarchy.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">2. Custom HTML Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b> Textbox:<\/b> This option allows you to enter the content of widget.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget with options and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">3.Search Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget61.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget62.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to set the title for this widget. Leave it blank if you don&#8217;t want to set the title<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">4. Image Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget59.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget60.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Add Image:<\/b> This option allows you to choose image you want to show.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">5. SW Top Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget29.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget30.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Template:<\/b> This option allows you to select type of this top widget supported:<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget30-1.png\" alt=\"Widget configuration\" \/>.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">6. SW Responsive Slider Widget<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget28.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget28-1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Description:<\/b> This option allows you to add description to this widget.<\/li>\n<li><b>Order by:<\/b> This option allows you to choose order of post.<\/li>\n<li><b>Catgory ID:<\/b> This option allows you to choose category to this widget.<\/li>\n<li><b>Number of posts:<\/b> This option allows you to configure the number of post appearing.<\/li>\n<li><b>Excerpt length (in words):<\/b> This option allows you to configure the charater number of item title.<\/li>\n<li><b>Template:<\/b> This option allows you to choose template for this widget.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you\u2019ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">7. SW Tag Cloud<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget31.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget32.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Taxonomy:<\/b> This option allows you to display tags or category links<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">8.Navigation Menu<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget51.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget52.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Select Menu:<\/b> This option allows you to choose menu for this widget.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">9. Woocommerce product categories<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget53.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget54.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Order by:<\/b> This option allows you to choose order of categories<\/li>\n<li><b>Show post counts:<\/b> This option lets you to show post counts for categories.<\/li>\n<li><b>Show hierarchy:<\/b> This option lets you to show category regarding to hierarchy.<\/li>\n<li><b>Show as dropdown:<\/b> This option allows you to configure the item to display as dropdown.<\/li>\n<li><b>Only show children of the current category:<\/b> This option lets you to only show children of the current category.<\/li>\n<li><b>Hide empty categories:<\/b> This option lets you to hide empty categories.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">10. Filter Products by Attribute<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget55.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget56.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Attribute:<\/b> This option allows you to choose attribute of product.<\/li>\n<li><b>Display type:<\/b> This option lets you to choose display type of attribute.<\/li>\n<li><b>Query type:<\/b> This option lets you to choose query type of product.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">11. Filter Products by Price<\/h5>\n<p><i>See Screenshot: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget57.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/widget58.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend<\/a><\/i><\/p>\n<ul>\n<li><b>Tittle:<\/b> This option allows you to add a title to this widget.<\/li>\n<li><b>Advanced Options:<\/b> This will open additional settings which are proprietary of Athestics. Click the button and you&#8217;ll gain access to the additional options listed below.<\/li>\n<li><b>Widget Style:<\/b> This option allows you to style for widget among various Widget Styles. Here you can also choose the width of widget and other styles.<\/li>\n<li><b> Widget Display:<\/b> This option lets you to display widget on All pages, in selected pages. or except selected pages.<\/li>\n<\/ul>\n<\/div>\n<\/section>\n<section id=\"headerfooter\" class=\"toggle\"><label>Header and Footer<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics theme supports you with various Header and Footer Style and this feature will be updated in the future. In this section, we will discuss about the configuration and settings of Athestics Header and Footer.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Athestics Header<\/h4>\n<p>There are 03 Header Styles in this theme. They are:<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To choose Header style you want, you can go to <b>Appearance &gt; Theme Options &gt; Header &amp; Footer <\/b> and choose it. After that, you need to create or configure the elements for the Header Style in <b>Appearance &gt; Widgets<\/b>.<\/p>\n<p>&nbsp;<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#header1\" data-toggle=\"tab\"><b>Athestics Header Style 1<\/b><\/a><\/li>\n<li><a href=\"#header2\" data-toggle=\"tab\"><b>Athestics Header Style 2<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"header1\" class=\"tab-pane active\">\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header1.png\" alt=\"header\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\"><b>Header Style 1<\/b> includes elements:<\/h4>\n<p>&nbsp;<\/p>\n<p><b>Top:<\/b> <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header6.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a>.<br \/>\n<i>Text (for Socials Header)<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"socials-header\"&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/www.facebook.com\/wpthemego\" title=\"Face Book\"&gt;&lt;span class=\"fa fa-facebook\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/twitter.com\/wpthemego\" title=\"Twitter\"&gt;&lt;span class=\"fa fa-twitter\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/www.instagram.com\/wpthemego\/\" title=\"Instagram\"&gt;&lt;span class=\"fa fa-instagram\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/plus.google.com\/u\/0\/117616422700848151321\" title=\"Google Plus\"&gt;&lt;span class=\"fa fa-google-plus\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><i>Text (for Info phone, open and close door)<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"block-header\"&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;i class=\"fa  fa-clock-o\"&gt;&lt;\/i&gt;Mon - Sun, 6am - 10pm&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;i class=\"fa fa-phone\"&gt;&lt;\/i&gt;123-456-789&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><i>Text (for My account)<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"my-account\"&gt;&lt;a href=\"[bloginfo]\/my-account\/\" title=\"My account\"&gt;My account&lt;\/a&gt;&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<div id=\"header2\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header2.png\" alt=\"header\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\"><b>Header Style 2<\/b> includes elements:<\/h4>\n<p>&nbsp;<\/p>\n<p><b>Top:<\/b> <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header7.png\" target=\"_blank\" rel=\"noopener noreferrer\">Demo<\/a> &#8211; <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header8.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p><i>Text (for Socials Header)<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"menu-right-header pull-right\"&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"#\" title=\"Phone\"&gt;Get in touch: 123-456-7890&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/div&gt;\r\n&lt;div class=\"socials-header\"&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/www.facebook.com\/wpthemego\" title=\"Face Book\"&gt;&lt;span class=\"fa fa-facebook\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/twitter.com\/wpthemego\" title=\"Twitter\"&gt;&lt;span class=\"fa fa-twitter\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"#\" title=\"Instagram\"&gt;&lt;span class=\"fa fa-instagram\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"https:\/\/plus.google.com\/u\/0\/117616422700848151321\" title=\"Google Plus\"&gt;&lt;span class=\"fa fa-google-plus\"&gt;&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><i>Text (for Menu right)<\/i>:<\/p>\n<pre class=\"lang:default decode:true \">&lt;div class=\"menu-right-header\"&gt;\r\n\t&lt;ul&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"#\" title=\"Views classes\"&gt;Views classes&lt;\/a&gt;&lt;\/li&gt;\r\n\t\t&lt;li&gt;&lt;a href=\"#\" title=\"Views classes\"&gt;Become a member&lt;\/a&gt;&lt;\/li&gt;\r\n\t&lt;\/ul&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<p><!-- End tabs --><br \/>\n&nbsp;<\/p>\n<h4 class=\"text-primary\">Athestics Footer<\/h4>\n<p>There are 03 Footer Styles in this theme. They are:<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To choose Footer style you want, you can go to <b>Appearance &gt; Theme Options &gt; Header &amp; Footer <\/b> and choose it. You also need to create or configure the footer elements in <b>Pages &gt; All Pages &gt; Footer Style x<\/b> for the Footer Style you choose.<br \/>\n<!-- Nav tabs --><\/p>\n<ul class=\"nav nav-tabs\">\n<li class=\"active\"><a href=\"#footer1\" data-toggle=\"tab\"><b>Athestics Footer Style 1<\/b><\/a><\/li>\n<li><a href=\"#footer2\" data-toggle=\"tab\"><b>Athestics Footer Style 2<\/b><\/a><\/li>\n<\/ul>\n<p><!-- Tab panes --><\/p>\n<div class=\"tab-content\">\n<div id=\"footer1\" class=\"tab-pane active\">\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/footer1.png\" alt=\"footer\" \/><br \/>\n<i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/footer2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><i>You can add the text below with Classic Mode then Edit with Visual Composer:<\/i><\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">[vc_row full_width=\"stretch_row\" el_class=\"brand-home1\"][vc_column][sw_brand title1=\"Our Partners\" description=\"0\" description1=\"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\" category=\"brand6,brand7,brand8,brand9\" numberposts=\"4\" item_row=\"1\" columns=\"4\" columns1=\"4\" columns2=\"3\" columns3=\"3\" columns4=\"2\" speed=\"1000\" interval=\"5000\" scroll=\"1\"][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" el_class=\"footer-top\"][vc_column][vc_row_inner][vc_column_inner offset=\"vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJhYm91dC1mb290ZXIlMjIlM0UlMEElMDklM0NoMyUyMGNsYXNzJTNEJTIydGl0bGUtZm9vdGVyJTIyJTNFQWJvdXQlMjBjb21wYW55JTNDJTJGaDMlM0UlMEElMDklM0NwJTNFTG9yZW0lMjBpcHN1bSUyMGRvbG9yJTIwc2l0JTIwYW1ldCUyQyUyMGNvbnNlY3RldHVyJTIwYWRpcGlzaWNpbmclMjBlbGl0JTJDJTIwc2VkJTIwZG8lMjBlaXVzbW9kJTIwdGVtcG9yJTIwaW5jaWRpZHVudCUyMHV0JTIwbGFib3JlJTIwZXQlMjBkb2xvcmUlMjBtYWduYSUyMGFsaXF1YS4lMjAlMEElMDlVdCUyMGVuaW0lMjBhZCUyMG1pbmltJTIwdmVuaWFtJTJDJTIwcXVpcyUyMG5vc3RydWQlMjBleGVyY2l0YXRpb24lMjB1bGxhbWNvJTIwbGFib3JpcyUyMG5pc2klMjB1dCUyMGFsaXF1aXAuJTNDJTJGcCUzRSUwQSUwOSUzQ3VsJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLW1hcC1tYXJrZXIlMjIlM0UlM0MlMkZpJTNFJTNDc3BhbiUzRVdoZWxjbyUyMFBsYWNlJTJDJTIwRW5maWVsZCUyMEluZHVzdHJpYWwlMjBFc3RhdGUlMkMlMjBFbmZpZWxkJTIwU3RyZWV0JTNDJTJGc3BhbiUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLXBob25lJTIyJTNFJTNDJTJGaSUzRSUzQ3NwYW4lM0UxMjMtNDU2LTc4OTAlM0MlMkZzcGFuJTNFJTNDJTJGbGklM0UlMEElMDklMDklM0NsaSUzRSUzQ2klMjBjbGFzcyUzRCUyMmZhJTIwZmEtZW52ZWxvcGUlMjIlM0UlM0MlMkZpJTNFJTNDc3BhbiUzRW9ubGluZSU0MHN1cHBvcnQuY29tJTNDJTJGc3BhbiUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWNsb2NrLW8lMjIlM0UlM0MlMkZpJTNFJTNDc3BhbiUzRU9wZW4lMjA3YW0lMjAtJTIwMjBwbSUzQyUyRnNwYW4lM0UlM0NzcGFuJTNFTW9uZGF5JTIwLSUyMFN1bmRheSUzQyUyRnNwYW4lM0UlM0MlMkZsaSUzRSUwQSUwOSUzQyUyRnVsJTNFJTBBJTNDJTJGZGl2JTNF[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=\"1\/2\" offset=\"vc_col-lg-2 vc_col-md-2 vc_col-xs-12\"][vc_wp_custommenu title=\"Classes\" nav_menu=\"328\"][\/vc_column_inner][vc_column_inner width=\"1\/2\" offset=\"vc_col-lg-2 vc_col-md-2 vc_col-xs-12\"][vc_wp_custommenu title=\"Useful links\" nav_menu=\"329\"][\/vc_column_inner][vc_column_inner offset=\"vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"][vc_column_text]SIGN UP FOR OUR LATEST OFFERS[mc4wp_form id=\"838\"][\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJzb2NpYWxzLWZvb3RlciUyMiUzRSUwQSUwOSUzQ2gzJTIwY2xhc3MlM0QlMjJ0aXRsZS1mb290ZXIlMjIlM0VGb2xsb3clMjB1cyUzQyUyRmgzJTNFJTBBJTA5JTNDdWwlM0UlMEElMDklMDklM0NsaSUzRSUzQ2ElMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuZmFjZWJvb2suY29tJTJGd3B0aGVtZWdvJTIyJTIwdGl0bGUlM0QlMjJGYWNlJTIwQm9vayUyMiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMmZhJTIwZmEtZmFjZWJvb2slMjIlM0UlM0MlMkZzcGFuJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NhJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGdHdpdHRlci5jb20lMkZ3cHRoZW1lZ28lMjIlMjB0aXRsZSUzRCUyMlR3aXR0ZXIlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJmYSUyMGZhLXR3aXR0ZXIlMjIlM0UlM0MlMkZzcGFuJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NhJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGd3d3LnBpbnRlcmVzdC5jb20lMkZ3cHRoZW1lZ28lMkYlMjIlMjB0aXRsZSUzRCUyMnBpbnRlcmVzdCUyMiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMmZhJTIwZmEtcGludGVyZXN0JTIyJTNFJTNDJTJGc3BhbiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDYSUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5pbnN0YWdyYW0uY29tJTJGd3B0aGVtZWdvJTJGJTIyJTIwdGl0bGUlM0QlMjJJbnN0YWdyYW0lMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWluc3RhZ3JhbSUyMiUzRSUzQyUyRnNwYW4lM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMDklMDklM0NsaSUzRSUzQ2ElMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZwbHVzLmdvb2dsZS5jb20lMkZ1JTJGMCUyRjExNzYxNjQyMjcwMDg0ODE1MTMyMSUyMiUyMHRpdGxlJTNEJTIyR29vZ2xlJTIwUGx1cyUyMiUzRSUzQ3NwYW4lMjBjbGFzcyUzRCUyMmZhJTIwZmEtZ29vZ2xlLXBsdXMlMjIlM0UlM0MlMkZzcGFuJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTA5JTNDJTJGdWwlM0UlMEElM0MlMkZkaXYlM0U=[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" el_class=\"home1-coppyright\"][vc_column][vc_column_text]\u00a92019 WordPress Theme SW Athetics. All right Reserved. Design by WPThemeGo[\/vc_column_text][\/vc_column][\/vc_row]\r\n<\/pre>\n<\/div>\n<div id=\"footer2\" class=\"tab-pane\">\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/footer-style2.png\" alt=\"footer\" \/><br \/>\n<i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/footer-style2-2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><i>You can add the text below with Classic Mode then Edit with Visual Composer:<\/i><\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">[vc_row full_width=\"stretch_row\" el_class=\"footer-top2\"][vc_column offset=\"vc_col-lg-12 vc_col-md-12\" el_class=\"wrap-footer2\"][vc_column_text]Enter Email Address[mc4wp_form id=\"838\"][\/vc_column_text][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJzb2NpYWxzLWZvb3RlciUyMiUzRSUwQSUwOSUzQ3VsJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NhJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGd3d3LmZhY2Vib29rLmNvbSUyRndwdGhlbWVnbyUyMiUyMHRpdGxlJTNEJTIyRmFjZSUyMEJvb2slMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWZhY2Vib29rJTIyJTNFJTNDJTJGc3BhbiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDYSUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnR3aXR0ZXIuY29tJTJGd3B0aGVtZWdvJTIyJTIwdGl0bGUlM0QlMjJUd2l0dGVyJTIyJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIyZmElMjBmYS10d2l0dGVyJTIyJTNFJTNDJTJGc3BhbiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDYSUyMGhyZWYlM0QlMjJodHRwcyUzQSUyRiUyRnd3dy5waW50ZXJlc3QuY29tJTJGd3B0aGVtZWdvJTJGJTIyJTIwdGl0bGUlM0QlMjJwaW50ZXJlc3QlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJmYSUyMGZhLXBpbnRlcmVzdCUyMiUzRSUzQyUyRnNwYW4lM0UlM0MlMkZhJTNFJTNDJTJGbGklM0UlMEElMDklMDklM0NsaSUzRSUzQ2ElMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cuaW5zdGFncmFtLmNvbSUyRndwdGhlbWVnbyUyRiUyMiUyMHRpdGxlJTNEJTIySW5zdGFncmFtJTIyJTNFJTNDc3BhbiUyMGNsYXNzJTNEJTIyZmElMjBmYS1pbnN0YWdyYW0lMjIlM0UlM0MlMkZzcGFuJTNFJTNDJTJGYSUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NhJTIwaHJlZiUzRCUyMmh0dHBzJTNBJTJGJTJGcGx1cy5nb29nbGUuY29tJTJGdSUyRjAlMkYxMTc2MTY0MjI3MDA4NDgxNTEzMjElMjIlMjB0aXRsZSUzRCUyMkdvb2dsZSUyMFBsdXMlMjIlM0UlM0NzcGFuJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWdvb2dsZS1wbHVzJTIyJTNFJTNDJTJGc3BhbiUzRSUzQyUyRmElM0UlM0MlMkZsaSUzRSUwQSUwOSUzQyUyRnVsJTNFJTBBJTNDJTJGZGl2JTNF[\/vc_raw_html][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" el_class=\"footer-bottom2\"][vc_column][vc_row_inner][vc_column_inner offset=\"vc_col-lg-5 vc_col-md-5 vc_col-xs-12\"][vc_single_image image=\"5492\" img_size=\"large\" onclick=\"custom_link\" link=\"#\"][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJhYm91dC1mb290ZXIlMjIlM0UlMEElMDklM0NwJTNFTG9yZW0lMjBpcHN1bSUyMGRvbG9yJTIwc2l0JTIwYW1ldCUyQyUyMGNvbnNlY3RldHVyJTIwYWRpcGlzY2luZyUyMGVsaXQuJTIwRG9uZWMlMjBtaSUyMGR1aSUyQyUyMG1hbGVzdWFkYSUyMGlkJTIwc2NlbGVyaXNxdWUlMjBhdCUyQyUyMHZ1bHB1dGF0ZSUyMGElMjBwdXJ1cyUzQyUyRnAlM0UlMEElMDklM0N1bCUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1tYXAtbWFya2VyJTIyJTNFJTNDJTJGaSUzRSUzQ3NwYW4lM0VXaGVsY28lMjBQbGFjZSUyQyUyMEVuZmllbGQlMjBJbmR1c3RyaWFsJTIwRXN0YXRlJTJDJTIwRW5maWVsZCUyMFN0cmVldCUzQyUyRnNwYW4lM0UlM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1waG9uZSUyMiUzRSUzQyUyRmklM0UlM0NzcGFuJTNFMTIzLTQ1Ni03ODkwJTNDJTJGc3BhbiUzRSUzQyUyRmxpJTNFJTBBJTA5JTA5JTNDbGklM0UlM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWVudmVsb3BlJTIyJTNFJTNDJTJGaSUzRSUzQ3NwYW4lM0VvbmxpbmUlNDBzdXBwb3J0LmNvbSUzQyUyRnNwYW4lM0UlM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1jbG9jay1vJTIyJTNFJTNDJTJGaSUzRSUzQ3NwYW4lM0VPcGVuJTIwN2FtJTIwLSUyMDIwcG0lM0MlMkZzcGFuJTNFJTNDc3BhbiUzRU1vbmRheSUyMC0lMjBTdW5kYXklM0MlMkZzcGFuJTNFJTNDJTJGbGklM0UlMEElMDklM0MlMkZ1bCUzRSUwQSUzQyUyRmRpdiUzRQ==[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=\"1\/3\" offset=\"vc_col-lg-2 vc_col-md-2 vc_col-xs-12\"][vc_wp_custommenu nav_menu=\"8\" title=\"Account\"][\/vc_column_inner][vc_column_inner width=\"1\/3\" offset=\"vc_col-lg-3 vc_col-md-3 vc_col-xs-12\"][vc_wp_custommenu title=\"Customer Service\" nav_menu=\"298\"][\/vc_column_inner][vc_column_inner width=\"1\/3\" offset=\"vc_col-lg-2 vc_col-md-2 vc_col-xs-12\"][vc_wp_custommenu title=\"About Fitness\" nav_menu=\"299\"][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=\"stretch_row\" el_class=\"home1-coppyright\"][vc_column][vc_column_text]\u00a92019 WordPress Theme SW Athetics. All right Reserved. Design by WPThemeGo[\/vc_column_text][\/vc_column][\/vc_row]<\/pre>\n<\/div>\n<\/div>\n<p><!-- End tabs --><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"mailchimp\" class=\"toggle\"><label>MailChimp for WordPress<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>MailChimp for WordPress helps you add more subscribers to your MailChimp lists using various methods. You can create good looking opt-in forms or integrate with any other form on your site, like your comment, contact or checkout form.<\/p>\n<p>&nbsp;<\/p>\n<p>After installing Athestics and activating all plugin, MailChimp is available in your site. In this section, we will show you how to configure this plugin in Athestics theme.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To have the popup with MailChimp form, you can go to <b>Appearance &gt; Theme Options &gt; Popup Config<\/b> to activate it and do some settings there.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp.png\" alt=\"mailchimp\" align=\"center\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Connect with your MailChimp account<\/h4>\n<p>&nbsp;<\/p>\n<p>Firstly, you need to connect MailChimp in your site with your MailChimp account. Please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to site in the backend.<\/li>\n<li>Go to <b>MailChimp for WP &gt; MailChimp <\/b> at the left sidebar menu.<\/li>\n<li>Now, in the General Settings window, you need to configure the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp1.png\" target=\"_blank\" rel=\"noopener noreferrer\">MailChimp API Settings<\/a> by adding your <a href=\"https:\/\/admin.mailchimp.com\/account\/api\" target=\"_blank\" rel=\"noopener noreferrer\">API Key<\/a> to connect to your MailChimp account.<\/li>\n<li>After all, click Save Change button to Connect with your account.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Configure MailChimp for your WordPress site<\/h4>\n<p>To have the MailChimp works effectively and have style as in the demo, you need to do some configurations as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to site in the backend and go to <b>MailChimp for WP &gt; MailChimp &gt; Forms<\/b>.<\/li>\n<li>Complete the <b>Form Field<\/b> in tab <b>Field<\/b>. <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><br \/>\n&nbsp;<\/p>\n<p><i>The text in Form Field:<\/i><\/p>\n<pre class=\"lang:default decode:true \">&lt;input class=\"frm-email\" type=\"email\" name=\"EMAIL\" placeholder=\"Enter your email...\" required \/&gt;  \r\n&lt;button class=\"frm-submit\" type=\"submit\" value=\"sign up\"&gt;sign up&lt;\/button&gt;<\/pre>\n<\/li>\n<li>Complete the <b>Form Messages<\/b> in tab <b>Messages<\/b>. <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li>Complete the <b>Form Settings<\/b> in tab <b>Settings<\/b>. <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li>Complete the <b>Form Appearance<\/b> in tab <b>Appearance<\/b>. <i>See screenshot:<\/i> <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mailchimp5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li>After all, save the change and check the result in the front end of your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Documentation for this problem: <a href=\"http:\/\/wpthemego.com\/document\/how-to-install-configure-mailchimp-in-wordpress-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use MailChimp for your WordPress themes?<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: basic settings --><\/p>\n<p><!-- start: themeconfiguration --><\/p>\n<div id=\"themeconfiguration\">\n<div id=\"themeoptions\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">THEME OPTIONS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>Some Note about Athestics Theme Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Our stunning Athestics theme provides an advanced Theme Options panel that is loaded with many options to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. After installing Athestics successfully, the Theme Options will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p>To access Athestics Theme Options, please go to <b>Appearance &gt; Theme Options<\/b>. There you can see logical tabs including:<\/p>\n<p>&nbsp;<\/p>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<td><b>General<\/b><\/td>\n<td>Here you can do general configuration such as Logo Image, Favicon, Breadcrumb Background, Taxonomy and Title Length Of Item Listing Page.<\/td>\n<\/tr>\n<tr>\n<td><b>Schemes<\/b><\/td>\n<td>Here you can set color scheme for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Layout<\/b><\/td>\n<td>Here you can configure layout options including box layout, sidebar on different device.<\/td>\n<\/tr>\n<tr>\n<td><b>Mobile Layout<\/b><\/td>\n<td>Here you can configure layout of your site on mobile.<\/td>\n<\/tr>\n<tr>\n<td><b> Header &amp; Footer<\/b><\/td>\n<td>Here you can configure header and footer style for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Navbar Options<\/b><\/td>\n<td>Here you can configure the Megamenu and sticky menu for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Blog Options<\/b><\/td>\n<td>Here you can configure the options for your blog page.<\/td>\n<\/tr>\n<tr>\n<td><b>Class Options<\/b><\/td>\n<td>Here you can configure the options for your class page.<\/td>\n<\/tr>\n<tr>\n<td><b>Product Options<\/b><\/td>\n<td>Here you can configure the options for your product page.<\/td>\n<\/tr>\n<tr>\n<td><b>Typography<\/b><\/td>\n<td>Here you can configure the options about typography for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Social<\/b><\/td>\n<td>Here you can configure the link for social share in your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Maintaincece Mode<\/b><\/td>\n<td>Here you can set the maintainece mode for your website.<\/td>\n<\/tr>\n<tr>\n<td><b>Popup Config<\/b><\/td>\n<td>Here you can activate and configure the popup for your site.<\/td>\n<\/tr>\n<tr>\n<td><b>Advanced<\/b><\/td>\n<td>Here you can configure the advanced options including layout RTL, adding shortcode or custom CSS\/JS.<\/td>\n<\/tr>\n<tr>\n<td><b>Import\/Export<\/b><\/td>\n<td>Here you can import or export theme option settings.<\/td>\n<\/tr>\n<tr>\n<td><b>Advanced Plugins<\/b><\/td>\n<td>Here you can turn on\/off the plugin Our Team, Testiminial or Portfolio.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-info margin-top-bottom-5\">\n<h4><i class=\"fa fa-info\"><\/i> Important!<\/h4>\n<ul>\n<li><b>Customize<\/b> &amp; <b>Cpanel<\/b> option: This is only used for the Demo development. Due to the risk of loosing your customization in CSS file, the option Demo Mode is not recommended.<\/li>\n<li><b>Reset to Defaults<\/b> option: Please DO NOT use it if you do not want to loose your configuration. When the theme is reset to default, all the value here will be back to the default without saving any your configuration.<\/li>\n<li><b>The configuration here will be applied to the pages in your site if there is no change in the Page Metabox. <\/b><\/li>\n<li>About the <b>Developer Mode<\/b>, when you enable this function, the <b>WordPress Less Plugin<\/b> is required to install. After using this feature, this mode should be turned off then it wont prevent the speed of your site. <b>Due to the risk of loosing customization in CSS file, this option is NOT recommended<\/b>.<\/li>\n<\/ul>\n<\/div>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see <a href=\"http:\/\/wpthemego.com\/document\/theme-options-page-metabox-category-metabox\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use Theme Options, Page Metabox and Category Metabox<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section id=\"themegeneral\" class=\"toggle\"><label>General<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>The theme allows to build your own styles right out of the backend without any coding knowledge.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/general.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Logo Image<\/b>: Use the Upload button to upload the new logo and get URL of the logo.<\/li>\n<li><b>Favicon<\/b>: Use the Upload button to upload the new favicon and get URL of the favicon.<\/li>\n<li><b>Select Taxonomy<\/b>: Select taxonomy to show custom term metabox.<\/li>\n<li><b>Title Length Of Item Listing Page<\/b>: Choose title length if you want to trim word, leave 0 to not trim word.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"schemes\" class=\"toggle\"><label>Schemes<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>The theme allows to custom color scheme for theme with unlimited colors.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/schemes.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Color Scheme<\/b>: Select one of 1 predefined schemes to set the color for your site.<\/li>\n<li><b>Developer Mode<\/b>: Turn on\/off compile less to css and custom color. You need to choose this option to activate option Color below. However, this mode is not recommended because of the risk of loosing Custom CSS files.<\/li>\n<li><b>Color<\/b>: You can choose main color for your site after activate the Develop Mode above.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"themelayout\" class=\"toggle\"><label>Layout<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Athestics gives you multiple selections to configure the layout of you website including layout type and sidebar expand on different devices.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/layout.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Box Layout<\/b>: Select Layout Box or Wide for your site.<\/li>\n<li><b>Background Box Image<\/b>: Upload Image to set as background image for your box layout.<\/li>\n<li><b>Left Sidebar Expand<\/b>: Select width of left sidebar for sidebar in Blog page and Shop Page.<\/li>\n<li><b>Right Sidebar Expand<\/b>: Select width of right sidebar for sidebar in Blog page and Shop Page.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"layout-mobile\" class=\"toggle\"><label>Layout Mobile<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Athestics supports you with a mobile setting home page layout.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/layout-mobile.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Enable Mobile Layout<\/b>: Choose this one to activate the mobile layout in your site with the options listing below. <b>If this one is not enabled, the responsive mode will be applied automatically &amp; the options listing below will have no effect in your site.<\/b><\/li>\n<li><b>Logo Mobile Image<\/b>: Upload Image to set as logo for your mobile layout.<\/li>\n<li><b>Sticky Mobile<\/b>: Choose this one to activate the sticky mobile.<\/li>\n<li><b>Mobile Layout Content<\/b>: Select content index for this mobile layout.<\/li>\n<li><b>Header Mobile Style<\/b>: Select header mobile style.<\/li>\n<li><b>Footer Mobile Style<\/b>: Select footer mobile style.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeheader\" class=\"toggle\"><label>Header &amp; Footer<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>The theme allows to configure the Header and Footer of your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/header.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Header Style<\/b>: Select the header style for your site.<\/li>\n<li><b>Enable Background Header Mid<\/b>: Choose this one to enable background header mid your site.<\/li>\n<li><b>Background header mid<\/b>: After enabling the background header mid option, you can upload the image here.<\/li>\n<li><b>Disable Search<\/b>: Choose this one to disable Search on the header.<\/li>\n<li><b>Disable Cart<\/b>: Choose this one to disable Cart on the header.<\/li>\n<li><b>Footer Style<\/b>: Select the footer style for your site.<\/li>\n<li><b>Copyright Style<\/b>: Select the copyright style for your site.<\/li>\n<li><b>Copyright text<\/b>: Insert the Copyright text for your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Currently this theme support 03 header styles and 03 footer styles. You can see <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Basic Settings<\/b><\/a> for more detail about the header configuration.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themenavbar\" class=\"toggle\"><label>Navbar Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>If you got a big site with a lot of sub menus we recommend using a mega menu. Just select the dropbox to display a menu as mega menu or dropdown menu.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/navbar.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Menu Type<\/b>: Select to set the menu in your site as Megamenu or Dropdown Menu.<\/li>\n<li><b>Theme Location<\/b>: Select theme location to active mega menu and menu responsive.<\/li>\n<li><b>Active sticky menu<\/b>: Choose this option if you want to activate the sticky menu.<\/li>\n<li><b>Menu Trainer<\/b>: Set your menu event as Hover or Click event.<\/li>\n<li><b>Number Item Vertical<\/b>: Set the number of menu item on your vertical megamenu.<\/li>\n<li><b>Vertical More Text<\/b>: Change More text on your vertical menu.<\/li>\n<li><b>Vertical Less Text<\/b>: Change Less text on your vertical menu.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeblog\" class=\"toggle\"><label>Blog Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, you can configure the layout for your blog listing page.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/blog.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Sidebar Blog Layout<\/b>:Select style sidebar blog. You can choose Full layout, Left Sidebar or Right Sidebar.<\/li>\n<li><b>Layout blog<\/b>: Select style layout blog including List Layout or Grid Layout.<\/li>\n<li><b>Blog column<\/b>: Select style number column for blog page. You can choose to set it as 2 columns, 2 columns or 4 columns.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeroom\" class=\"toggle\"><label>Class Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, you can configure the layout for class listing page.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/class.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Sidebar Class Layout<\/b>:Select style sidebar for class page. You can choose Full layout, Left Sidebar or Right Sidebar.<\/li>\n<li><b>Layout class<\/b>: Select style layout blog including List Layout or Grid Layout.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"product\" class=\"toggle\"><label>Product Options<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, you can configure the layout for your product listing page.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/product.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Select Banner<\/b>: Select the Banner of your product page as Category Product Image or Banner. If you choose to <b>Use Banner<\/b>, your custom image will be applied the same for all product pages. If you choose to <b>Use Category Product Image<\/b>, the category images of the product will be applied as banner in your site.<\/li>\n<li><b>Listing Banner Product<\/b>: If you choose Banner as Use Banner, you can upload image here.<\/li>\n<li><b>Product Listing Column<\/b>: Select number of column on different device such as desktop, medium destop and tablet.<\/li>\n<li><b>Sidebar Product Layout<\/b>:Select style sidebar product. You can choose Full layout, Left Sidebar or Right Sidebar.<\/li>\n<li><b>Quickview<\/b>: You can choose this one to activate the product quickview mode.<\/li>\n<li><b>Product Zoom<\/b>: You can choose this one to activate the product image zoom when hover on single product.<\/li>\n<li><b>Product Listing Number<\/b>: Show number of product in listing product page.<\/li>\n<li><b>Config For Product Categories Widget<\/b>: In this section, you can set the number of category item shown. category more text and category less text for Product Categories Widget.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themetypo\" class=\"toggle\"><label>Typography<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>The theme allows to change the font style in your site with Google Font.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/typo.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Use Google Webfont<\/b>: Insert font style that you actually need on your webpage.<\/li>\n<li><b>Webfont Weight<\/b>: For weight, see Google Fonts to custom for each font style. You can choose from 100 to 900.<\/li>\n<li><b>Header Tag Font<\/b>: Select custom font for Header tag (H1 to H6).<\/li>\n<li><b>Main Menu Font<\/b>: Select custom font for your Main Menu.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themesocial\" class=\"toggle\"><label>Social<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>In this tab, Athestics Theme Options allows you to add various social link for your website including: Facebook, Twitter, Tumblr, Linkedin, Instagram, Google+, and Pinterest.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/social.png\" \/><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"thememaintain\" class=\"toggle\"><label>Maintaincece Mode<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>If your site has not been ready to be launch, the Maintaincece Mode will be truly useful for you.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/maintain.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Enable Maintaincece Mode<\/b>: Choose this one to turn on the Maintaincece Mode for your website. After that, all the options listing below will be applied.<\/li>\n<li><b>Maintaince Background<\/b>: This allows you to upload the background image for Maintaincece Mode.<\/li>\n<li><b>Maintaince Content<\/b>: This allows you to custom the Maintaince Content.<\/li>\n<li><b>Maintaince Date<\/b>: This allows you to set date to show countdown date on maintaince mode.<\/li>\n<li><b>Maintaince Form<\/b>: This allows you to insert shortcode form to show on maintaince mode frontend.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themepopup\" class=\"toggle\"><label>Popup Config<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Athestics theme allows you to use popup in your website and you can custom its style with various options in this tab.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/popup.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Active Popup Subscribe<\/b>: You can upload the background image for your popup.<\/li>\n<li><b>Popup Content<\/b>: This allows you to add content for your popup.<\/li>\n<li><b>Popup Form<\/b>: This allows you to insert shortcode form to show it on frontend. In Athestics, the MailChimp for WordPress form is used.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeadvanced\" class=\"toggle\"><label>Advanced<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This tab provide some advanced options for your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/advanced.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Show cPanel<\/b>: Turn on\/off cPanel options. This is only used for theme develop purpose only and you don&#8217;t need to mind about this.<\/li>\n<li><b>Widget Advanced<\/b>: Turn on\/off Widget Advanced.<\/li>\n<li><b>Social Share<\/b>: You can enable this one to turn on the social share on your website esspecially on Blog page.<\/li>\n<li><b>Turn Off Breadcrumb<\/b>: This option allows you to turn off the Breadcrumb on all pages in your site.<\/li>\n<li><b>Back to top<\/b>: Choose this one if you want to enable the button Back to top in your site.<\/li>\n<li><b>Direction<\/b>:Set your site layout as Left to Right or Right to Left.<\/li>\n<li><b>Custom CSS\/JS<\/b>: Insert your own CSS into this block. This overrides all default styles located throughout the theme<\/li>\n<li><b>Custom CSS\/JS<\/b>: Insert your own JS into this block. This customizes js throughout the theme<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"themeimport\" class=\"toggle\"><label>Import\/Export<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>Before configuring, you can also backup your theme options by clicking on the Import\/Export tab. This is a great way to move your custom options from site to site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/import.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Import Options<\/b>: You can import options from file or URL. <b>WARNING! This will overwrite any existing options, please proceed with caution!.<\/b><\/li>\n<li><b>Export Options<\/b>: Here you can copy\/download your themes current option settings. Keep this safe as you can use it as a backup should anything go wrong. Or you can use it to restore your settings on this site (or any other site). You also have the handy option to copy the link to yours sites settings. Which you can then use to duplicate on another sit.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"plugin\" class=\"toggle\"><label>Advanced Plugins<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>If you don&#8217;t want to use any of advanced plugins, you can turn it off in this tab.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-options\/plugin.png\" \/><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Turn Off Our Team\/Testimonial\/Portfolio<\/b>: Click to turn off the plugin if you don&#8217;t want to use in your site.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: theme options --><\/p>\n<p><!-- start: theme elements --><\/p>\n<div id=\"themeelements\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">THEME ELEMENTS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle active\"><label>Some Note about Athestics Theme Elements<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics comes with various theme elements that let you to customize page in your site easily with Visual Composer. After installing the theme or quickstart, all the extensions\/plugins will be available in your site and you can add to your pages using Visual Composer. In this part, we will show you how to use Athestics Theme elements.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Athestics elements into your page?<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li>Login your site then open the page you want to edit then choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>To add elements, please click on Add element icon of Visual Composer, then choose the element you want.<\/li>\n<li>To edit elements, please hover on the one you want then click on \u201cpencil\u201d icon to <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page9.png\" target=\"_blank\" rel=\"noopener noreferrer\">Edit this element<\/a>.<\/li>\n<li>After that, you can configure different options of this element in tab <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page10.png\" target=\"_blank\" rel=\"noopener noreferrer\">General and Design Options<\/a> due to different types.<\/li>\n<li>After all, you can preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see documentation about Visual Composer: <a href=\"http:\/\/www.wpbakeryvisualcomposer.com\/visual-composer-tutorials\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Visual Composer Tutorials<\/span><\/a> and <a href=\"https:\/\/vc.wpbakery.com\/video-tutorials\/ target=\"><span class=\"highlight\">Video Tutorials<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"sw-woo-slider\" class=\"toggle\"><label>SW WooCommerce Slider<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display products of a category as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/wooslider.png\" alt=\"SW WooCommerce Slider\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW WooCommerce Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with WPBakery Page Builder<\/b>.<\/li>\n<li>Click on Add element icon of WPBakery Page Builder, then choose SW WooCommerce Slider.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW WooCommerce Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/wooslider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Product Title Length<\/b>: Choose Product Title Length if you want to trim word, leave 0 to not trim word.<\/li>\n<li><b>Category<\/b>: Choose category including product you want to show. You can choose only 01 category for this element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Category<\/b>: Choose categories including product you want to show. Each category is a tab in the slider.<\/li>\n<li><b>Countdown Date<\/b>: Set countdown time for the deal.<\/li>\n<li><b>Order By<\/b>: Set the order of product by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set product order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of product posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of product posts to appear per row\/colum in your site.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Product Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for product and category.<\/p>\n<ol>\n<li><b>Category Settings<\/b>: Product category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/wootab4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li><b>Product Settings<\/b>: You should pay attention to options including Product Title, Product Category, Product Image, and Sale Price. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/wootab3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-portfolio\" class=\"toggle\"><label>SW Portfolio<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display your portfolio of categories as responsive grid layout in the page. After installing the theme and required plugins, this element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/portfolio.png\" alt=\"SW Portfolio\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Portfolio element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Core &gt; SW Portfolio<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Portfolio Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/portfolio-element.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Category<\/b>:Select categories to display their portfolios<\/li>\n<li><b>Order by<\/b>: Set the order of items by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set the order as Ascending or Descending.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Layout <\/b>: Select the layout you want.<\/li>\n<li><b>Show Tab <\/b>: Select Yes\/No to show Ennable\/Disable Tab<\/li>\n<li><b>Show Loadmore Button <\/b>: Select Yes\/No to show Ennable\/Disable Loadmore button<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-testimonial\" class=\"toggle\"><label>SW Testimonial Slider <\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>It&#8217;s easy to display and manage your testimonials as a responsive grid or as a dynamic slider. You have o lot of options that will help you to show content in so many different ways.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/testimonial.png\" alt=\"testimonial \" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Testimonial Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Testimonial.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Testimonial Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/testimonial2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Number Of Post<\/b>: Set number of posts to appear in your site.<\/li>\n<li><b>Excerpt length (in words)<\/b>: Set the number of character of post title.<\/li>\n<li><b>Order By<\/b>: Set the order of post by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set item order by Ascending or Descending.<\/li>\n<li><b>Number of Columns \u2026 <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li><b>Extra class name<\/b>: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Post Settings for this elements:<\/h4>\n<ol>\n<li>Go to <b>Testimonial<\/b> then click <b>Add New<\/b>.<\/li>\n<li>Add the testimonial as you want. Please pay attention to content, image and Testimonial Options. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/testimonial3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-responsive-post-slider\" class=\"toggle\"><label>SW Responsive Post Slider<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display blog post of a category as slider in the page. After installing the theme and required plugins, this SW Responsive Post Slider element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/responsive_post_slider.png\" alt=\"SW Responsive Post Slider\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Responsive Post Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Responsive Post Slider.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Responsive Post Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/postslider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Category filter<\/b>: Choose categories including post you want to show.<\/li>\n<li><b>Excerpt length (in words)<\/b>: Set the number of character of post title.<\/li>\n<li><b>Order By<\/b>: Set the order of item by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set item order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of item posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of item posts to appear per row\/colum in your site.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li><b>Total Items Slided<\/b>: Choose total item slided.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Post Settings for this elements:<\/h4>\n<p>To have the style and information as in the demo, you need to do some configuration for post and category.<\/p>\n<ol>\n<li><b>Category Settings<\/b>: Item category should be created first, after that you can assign in the element. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/postslider4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<li><b>Post Settings<\/b>: You should pay attention to options including Post Title, Post Category, Featured Image, and Sale Price. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/postslider3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-class\" class=\"toggle\"><label>SW Class Slider<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display classes with criterias as slider in the page to make customers easy to choose the perfect class. After installing the theme and required plugins, this SW Class Slider element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-slider.png\" alt=\"SW Class Slider\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Class Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Class &gt; SW Class Slider<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Class Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-slider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title Top<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li><b>Category<\/b>: Choose categories including class you want to show. Each category is a tab in the slider.<\/li>\n<li><b>Order By<\/b>: Set the order of class by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set class order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of class posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of class posts to appear per row\/colum in your site.<\/li>\n<li><b>Tab Active<\/b>: Set number of active tab for this element.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-class-cat\" class=\"toggle\"><label>SW Class Cat Slider<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display classes with criterias as slider in the page to make customers easy to choose the perfect class. After installing the theme and required plugins, this SW Class Slider element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-cat-slider.png\" alt=\"SW Class Slider\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Class Cat Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Class &gt; SW Class Cat Slider<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Class Cat Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-cat-slider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Category<\/b>: Choose categories including class you want to show. Each category is a tab in the slider.<\/li>\n<li><b>Order By<\/b>: Set the order of class by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set class order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of class posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of class posts to appear per row\/colum in your site.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"schedule\" class=\"toggle\"><label>SW Schedule Table<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>This element helps you to show trainers in the page. After installing the theme and required plugins, this Revolution Slider element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-schedule.png\" alt=\"SW Schedule\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add SW Schedule Table element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Class &gt; SW Schedule Table.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, choose slider you want and do other configurations and Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Schedule Table Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/class-schedule2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/section>\n<section id=\"sw-trainer\" class=\"toggle\"><label>SW Trainer Slider<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display classes with criterias as slider in the page to make customers easy to choose the perfect class. After installing the theme and required plugins, this SW Class Slider element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/trainer-slider.png\" alt=\"SW Trainer Slider\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Trainer Slider element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Class &gt; SW Trainer Slider<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Trainer Slider Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/trainer-slider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title Top<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<li><b>Category<\/b>: Choose categories including class you want to show. Each category is a tab in the slider.<\/li>\n<li><b>Order By<\/b>: Set the order of class by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set class order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of class posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of class posts to appear per row\/colum in your site.<\/li>\n<li><b>Tab Active<\/b>: Set number of active tab for this element.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"sw-brand\" class=\"toggle\"><label>SW Brand<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to display classes with criterias as slider in the page to make customers easy to choose the perfect class. After installing the theme and required plugins, this SW Class Slider element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/brand-slider.png\" alt=\"SW brand\" \/><\/p>\n<h4 class=\"text-primary\">How to add SW Brand element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose SW Shortcodes &gt; SW Brand<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, configure element options then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">SW Brand Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/brand-slider2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Description<\/b>: Enter the description of the elements. It will appear below the title.<\/li>\n<li><b>Category<\/b>: Choose categories including class you want to show. Each category is a tab in the slider.<\/li>\n<li><b>Order By<\/b>: Set the order of class by Name, Date, Author, ID, Modified or others.<\/li>\n<li><b>Order<\/b>: Set class order by Ascending or Descending.<\/li>\n<li><b>Number Of Post<\/b>: Set number of class posts to appear in your site.<\/li>\n<li><b>Number row per column<\/b>: Set number of class posts to appear per row\/colum in your site.<\/li>\n<li><b>Number of Columns &#8230; <\/b>: Set number of column appearing on each screen size.<\/li>\n<li><b>Speed<\/b>: Set speed for slider.<\/li>\n<li><b>Auto Play<\/b>: Choose True to have slider plays automatically and choose False for not automatically play.<\/li>\n<li><b>Interval<\/b>: Set the interval time for slider auto plays.<\/li>\n<li><b>Layout<\/b>: Choose display layout for the element.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"single-image\" class=\"toggle\"><label>Single Image <\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add single image as banner in the page. After installing the theme and required plugins, this Single Image element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/image.png\" alt=\"single image\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Single Image element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose Single Image.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, choose image you want and do other configurations then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Single Image Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/image2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Title<\/b>: Enter text used as widget title located above content element.<\/li>\n<li><b>Image source<\/b>: Choose Image source as Media Library, External Link or Featured Image.<\/li>\n<li><b>Image<\/b>: If you choose Image source as Media Libraly, you can load image from library here.<\/li>\n<li><b>External link<\/b>: If you choose Image source as External Link, you can insert the image link here.<\/li>\n<li><b>Image size<\/b>: You can set image size in this option as &#8220;thumbnail&#8221;, &#8220;medium&#8221;, &#8220;large&#8221;, &#8220;full&#8221; or other sizes defined by theme. Alternatively enter size in pixels (Example: 200&#215;100 (Width x Height)).<\/li>\n<li><b>Add caption?<\/b>: Choose Yes to add caption of this image<\/li>\n<li><b>Image alignment<\/b>: Select image alignment as Left, Right or Center.<\/li>\n<li><b>Image style<\/b>: Choose style image display style as Default, Rounded, Bordered, Outline, Shadow or others.<\/li>\n<li><b>On click action<\/b>: Choose action for click action on Image including Open custom link, Link to large image, Zoom, or open Prettyphoto.<\/li>\n<li><b>Image Link<\/b>: If you set On click action as Open customlink, enter the link target here.<\/li>\n<li><b>Link Target<\/b>: Choose to open Image link in Same window or Open in new window.<\/li>\n<li><b>CSS Animation<\/b>: Select type of animation for element to be animated when it &#8220;enters&#8221; the browsers viewport (Note: works only in modern browsers).<\/li>\n<li><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li><b>Background<\/b>: Select background color for this element.<\/li>\n<li><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> To have image banner beautifully in your site, you should choose the one having the same size as in the demo.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"raw-html\" class=\"toggle\"><label>Raw HTML<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add raw html for more information with beautiful style in the page. After installing the theme and required plugins, this Raw HTML element will be available in your site.<br \/>\n<img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/rawhtml.png\" alt=\"raw html\" \/><\/p>\n<h4 class=\"text-primary\">How to add Raw HTML element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose Raw HTML.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, add HTML and do other configurations then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Raw HTML Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/rawhtml2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Raw HTML<\/b>: Enter HTML content you want to add in your page.<\/li>\n<li><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li><b>Background<\/b>: Select background color for this element.<\/li>\n<li><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/rawhtml3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<section id=\"text-block\" class=\"toggle\"><label>Text Block<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<div class=\"toggle-content\">\n<p>This element helps you to add text, image and form for more information with beautiful style in the page. After installing the theme and required plugins, this Text Block element will be available in your site.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/textblock.png\" alt=\"text block\" \/><\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">How to add Text Block element into your page?<\/h4>\n<p>To add this element to your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Open your page and choose <b>Edit with Visual Composer<\/b>.<\/li>\n<li>Click on Add element icon of Visual Composer, then choose Text Block.<\/li>\n<li>Hover on this element and click on Pecil icon to edit it.<\/li>\n<li>After that, add HTML and do other configurations then Save change for this element.<\/li>\n<li>Preview the page and Update to save the change for this page.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Text Block Settings<\/h4>\n<p>With this element, there are various options for you to configure as your expectation.<\/p>\n<h5 class=\"text-primary\">General<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/textblock2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>Text Block<\/b>: Enter HTML content you want to add in your page.<\/li>\n<li><b>Element ID<\/b>: Enter element ID (Note: make sure it is unique and valid according to w3c specification).<\/li>\n<li><b>CSS Animation<\/b>: Select type of animation for element to be animated when it &#8220;enters&#8221; the browsers viewport (Note: works only in modern browsers).<\/li>\n<li><b>Extra class name<\/b>: Add Extra class name to style the element. The class name is refered in custom CSS.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h5 class=\"text-primary\">Design Options<\/h5>\n<p><i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/image3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<ol>\n<li><b>CSS box<\/b>: In the CSS box, you can add margin, border and padding to this element.<\/li>\n<li><b>Border color<\/b>: Select color for the border of this element.<\/li>\n<li><b>Border style<\/b>: Choose style for the border of this element.<\/li>\n<li><b>Border radius<\/b>: Configure the radius for the border of this element.<\/li>\n<li><b>Background<\/b>: Select background color for this element.<\/li>\n<li><b>Image upload button<\/b>: Upload image as bacground color for this element.<\/li>\n<li><b>Dropdown options<\/b>: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.<\/li>\n<li><b>Box controls<\/b>: Choose Sinplify controls or not.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/theme-elements\/rawhtml3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: theme elements --><br \/>\n<!-- start: general settings --><\/p>\n<div id=\"general\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GENERAL SETTINGS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle\"><label>How to set up Home Page for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To set up Home Page or Front Page for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Settings &gt; Reading<\/b>.<\/li>\n<li>In the <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Reading Settings<\/a>, select A Static Page option.<\/li>\n<li>Select the page you want as home page in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/page3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Front Page<\/a> dropdown list.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"https:\/\/codex.wordpress.org\/Creating_a_Static_Front_Page\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Creating a Static Front Page<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to Edit Page Title in Your Site?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p style=\"margin-top: 20px;\"><strong>To edit the page title in our themes, you can follow steps as below:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 1:<\/strong> Login into the Dashboard of your site.<\/p>\n<p><strong>Step 2:<\/strong> Go to <b>Pages &gt; All Pages<\/b> and open the page that you want to edit the title. It\u2019s ussually the Home Page.<\/p>\n<p><strong>Step 3:<\/strong> Scroll down to the <b>Yoast SEO<\/b> area and click on <b>Edit Snippet<\/b>.<\/p>\n<p><strong>Step 4:<\/strong> Now, you can edit the Page Title as you want. In addition, you can edit the keywords for it there too.<\/p>\n<p style=\"margin-top: 20px;\">After all, you can clear all cache of your site, browser and server to check the result.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"http:\/\/wpthemego.com\/document\/how-to-edit-the-page-title-in-your-site\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Edit the Page Title in Your Site? <\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to change Logo\/Favicon for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/menu6.png\" alt=\"logo\" \/><br \/>\n&nbsp;<\/p>\n<p>To change logo\/favicon for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li>In tab <a href=\"#themegeneral\" target=\"_blank\" rel=\"noopener noreferrer\">General<\/a>, you can Upload Favicon Image and Upload Logo for your site. For the logo, we recommend you to use the one with same size as the logo in the demo.<\/li>\n<li>You can also need to change in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/header2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> of home page. If you want the page to be like in all your webstie, you can choose No select for this option, the config in the Theme Options will be applied.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to change Color Schemes for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To change Color Schemes for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li>In tab <a href=\"#themeschemes\" target=\"_blank\" rel=\"noopener noreferrer\">Schemes<\/a>, you can choose Color Scheme for your site.<\/li>\n<li>You can also need to change in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/header2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> of home page. If you want the page to be like in all your webstie, you can choose No select for this option, the config in the Theme Options will be applied.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why I could not Change Logo &amp; Color in Home Page?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p style=\"margin-top: 20px;\"><strong>To change logo and color scheme for Home page in our themes, you can follow steps as below:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Step 1:<\/strong> Login into the Dashboard of your site.<\/p>\n<p><strong>Step 2:<\/strong> Go to <b>Pages &gt; All Pages<\/b> and open Home page of your site.<\/p>\n<p><strong>Step 3:<\/strong> Scroll down to the <b>Page Metabox<\/b> area in the end.<\/p>\n<p><strong>Step 4:<\/strong> Now, you will see options to change or remove Logo image and Color schemes there. If you want to have a special or difference in Color, Logo, Header Style, Footer Style or Typography for a page, you can use <b>Page Metabox<\/b> to custom as you want. If not, you can choose No Select for Options in Page Metabox, the settings in the Theme Options will be applied.<\/p>\n<p><strong>Step 5:<\/strong> Save the page, clear all cache then check your site again.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the WordPress Documentation for this problem: <a href=\"http:\/\/wpthemego.com\/document\/why-i-could-not-change-logo-color-in-home-page\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Why I could not Change Logo &amp; Color in Home Page?<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to set up the Popup for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/popup.png\" alt=\"popup\" \/><br \/>\n&nbsp;<\/p>\n<p>To set up the Popup for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Appearance &gt; Theme Options<\/b>.<\/li>\n<li>In tab <a href=\"#themepopup\" target=\"_blank\" rel=\"noopener noreferrer\">Popup Config<\/a>, choose <b>Active Popup Subscribe<\/b> the configure the options listing below.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to enable the Maintaince Mode for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To enable the Maintaince Mode for your website, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Appearance &gt; Theme Options &gt; Maintaince Mode<\/b>.<\/li>\n<li>Now, choose <a href=\"#thememaintain\" target=\"_blank\" rel=\"noopener noreferrer\">Enable Maintaincece Mode<\/a>, and configure other options listing below.<\/li>\n<li>Now Save Changes and check your site again.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to configure Header for your site?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/header1.png\" alt=\"header\" \/><br \/>\n&nbsp;<\/p>\n<p>To configure header for your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In your site at the backend, please go to <b>Appearance &gt; Theme Options &gt; Header &amp; Footer<\/b> to choose the Header style as you want.<\/li>\n<li>Navigate to <b>Appearance &gt; Widgets<\/b> then configure the Widget elements of the sections included in the Header Style you choose.<\/li>\n<li>If you don&#8217;t want any elements to appear in your site, you can Delete it.<\/li>\n<li>You can also need to change in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/header2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> of home page. If you want the page to be like in all your webstie, you can choose No select for this option, the config in the Theme Options will be applied.<\/li>\n<li>After all, please check your site again to see the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Header Settings in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to show Megamenu in your site?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mega-header.png\" alt=\"menu configuration\" \/><br \/>\n&nbsp;<\/p>\n<p>To have the megamenu in your site, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In your site at the backend, please go to <b>Appearance &gt; Menu<\/b> and create your menu and assign it to Primary Menu location.<\/li>\n<li>In <b>Appearance &gt; Theme Options &gt; Navbar Options<\/b>, choose to use Megamenu and choose Location as Primary.<\/li>\n<li>After all, please check your site again to see the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Menu Configuration part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to edit a Page with WPBakery Page Builder?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After installing the Quickstart or importing demo data, the demo pages will be available in your site. Now you can edit them to meet your expectation.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>You can edit the elements here by going to <b>Pages &gt; All Pages<\/b> and <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/editpage.png\" target=\"_blank\" rel=\"noopener noreferrer\">choose page<\/a> you want to edit it with WPBakery Page Builder.<\/li>\n<li>Now, you can <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/editpage1.png\" target=\"_blank\" rel=\"noopener noreferrer\">edit the page<\/a> elements with WPBakery Page Builder and other configurations easily. Also, you can also edit this page from the front end.<\/li>\n<li>You can also edit with WPBakery Page Builder in the front end of the page. After all, click to Save change and check your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Page Settings part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to add new Theme Element into a page with WPBakery Page Builder?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After installing the Quickstart or importing demo data, the demo pages will be available in your site. Now you can edit them to meet your expectation.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Log in to your site in the backend.<\/li>\n<li>Navigate to <b>Pages &gt; All Pages<\/b> and <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/editpage.png\" target=\"_blank\" rel=\"noopener noreferrer\">choose page<\/a> you want to edit it with WPBakery Page Builder.<\/li>\n<li>Now, you can click on Add Element button, choose the ones you want and configure it.<\/li>\n<li>After all, click to Save change and check your site.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Page Settings part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to configure Footer &amp; Footer Copyright for your page?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/footer1.png\" alt=\"footer\" \/><br \/>\n&nbsp;<\/p>\n<p>To configure footer for your page, please follow steps as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In your site at the backend, please go to <b>Appearance &gt; Theme Options &gt; Header &amp; Footer<\/b> to choose the Footer style,Copyright Style as you want.<\/li>\n<li>Navigate to <b>Pages &gt; All Pages &gt; Footer Style x<\/b> then configure the elements with WPBakery Page Builder as you want.<\/li>\n<li>If you don&#8217;t want any elements to appear in your site, you can Delete it.<\/li>\n<li>You can also need to change in <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/general-settings\/footer1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><b>Page Metabox<\/b><\/a> of home page. If you want the page to be like in all your webstie, you can choose No select for this option, the config in the Theme Options will be applied.<\/li>\n<li>After all, please check your site again to see the result.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail, you can see the Footer Settings part in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- start: demo pages --><\/p>\n<div id=\"demopages\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">DEMO PAGES<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle\"><label>How to create\/edit Home Page 1?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After installing quickstart or HiStore theme with Demo data importation, this home page will be available in your site. Let&#8217;s see the layout position of elements for this page and how to create\/edit it.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home1.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">How to create\/edit this page:<\/h4>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before creating the page, you need to read through all the <a href=\"#background\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Background Knowledge<\/span><\/a> and have <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> about the theme.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To create or edit this page, please follow steps by steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Go to Pages &gt; Add New to create a new page. If you edit this page, go to All pages then choose this one to edit it.<\/li>\n<li>In the Page Metabox, choose <b>Home Template <\/b> as <b>Home Page 1<\/b> to have this page layout. This page uses <b>Header Style 1<\/b>, <b>Footer Style 1<\/b> and <b>Footer Copyright Style 1<\/b>.<\/li>\n<li>Currently, this page applies the options in Page Metabox for Logo, Color Scheme, Header, Footer, and Footer Copyright. If you don&#8217;t want it to be different in your site, you can choose No Select here then the settings in the Theme Options will be applied.<\/li>\n<li>Click <b>Backend Editor<\/b> to edit your site with Visual Composer.<\/li>\n<li>Add <a href=\"#themeelements\" target=\"_blank\" rel=\"noopener noreferrer\">theme elements<\/a> to the page. To edit, you can click on the edit button on each elements to configure as you want.<\/li>\n<li>Add your page to menu if it&#8217;s a new created one.<\/li>\n<li>After that, you can Preview to see the change and Update to save the page settings.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>You can see the Backend Settings of this home page here: <i>See Screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Page 2?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After installing quickstart or HiStore theme with Demo data importation, this home page will be available in your site. Let&#8217;s see the layout position of elements for this page and how to create\/edit it.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home2.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">How to create\/edit this page:<\/h4>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before creating the page, you need to read through all the <a href=\"#background\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Background Knowledge<\/span><\/a> and have <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> about the theme.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To create or edit this page, please follow steps by steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Go to Pages &gt; Add New to create a new page. If you edit this page, go to All pages then choose this one to edit it.<\/li>\n<li>In the Page Metabox, choose <b>Home Template <\/b> as <b>Home Page 2<\/b> to have this page layout. This page uses <b>Header Style 2<\/b>, <b>Footer Style 2<\/b> and <b>Footer Copyright Style 2<\/b>.<\/li>\n<li>Currently, this page applies the options in Page Metabox for Logo, Color Scheme, Header, Footer, and Footer Copyright. If you don&#8217;t want it to be different in your site, you can choose No Select here then the settings in the Theme Options will be applied.<\/li>\n<li>Click <b>Backend Editor<\/b> to edit your site with Visual Composer.<\/li>\n<li>Add <a href=\"#themeelements\" target=\"_blank\" rel=\"noopener noreferrer\">theme elements<\/a> to the page. To edit, you can click on the edit button on each elements to configure as you want.<\/li>\n<li>Add your page to menu if it&#8217;s a new created one.<\/li>\n<li>After that, you can Preview to see the change and Update to save the page settings.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>You can see the Backend Settings of this home page here: <i>See Screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/demo-pages\/home2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: demo pages --><br \/>\n<!-- start: mobile layout --><\/p>\n<div id=\"mobile\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">MOBILE LAYOUT<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"set-mobilelayout\" class=\"toggle active\"><label>How to Use Athetics Mobile Layout for your website?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athetics theme supports you with Mobile Layout on iPhone screens size. To use it in your site, there are some points that you should pay attention to.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>You need to create Menu for Mobile Layout. Usually, there is Vertical Menu and Mobile Menu.<\/li>\n<li>The Mobile Layout should be enable in <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\">Theme Options &gt; Mobile Layout<\/a>. Also, you can configure the Mobile Logo, Mobile Layout Content, Mobile Header and Footer<\/li>\n<li>The <b>Page Mobile Layout<\/b> should be created then it will be applied as the Mobile Layout Content for your site. In Athetics, there is page Home mobile available.<\/li>\n<li><b>Mobile Filter<\/b>: You need to create widgets in Filter Mobile section then the Search on Mobile Header can work normally. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/mobile\/filtermobile.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a>.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> If you do not use the Mobile Layout for your site, the Responsive Mode will automatically applied.<\/p>\n<p>&nbsp;<\/p>\n<p>You can see the tutorial <a href=\"http:\/\/wpthemego.com\/document\/how-to-use-mobile-layout-in-wordpress-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">How to Use Mobile Layout in WordPress Themes?<\/span><\/a> for more detail.<\/p>\n<\/div>\n<\/section>\n<section id=\"set-mobilelayout\" class=\"toggle\"><label>Menus for Mobile Layout<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To have Menu appears at Header and Footer of Mobile Layout, you need to create Menus used for your site:<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> You can see Menu Configuration in <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\">Basic Settings<\/a> for more information about Athetics menus.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Mobile Menus for Athetics mobile layout<\/h4>\n<p>Athetics supports Mobile Layout with different Mobile Menu position as below:<\/p>\n<p><b>Mobile Menu<\/b>: This menu is in Menu Footer of Mobile Layout. After clicking on MORE button, you can see it. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/basic-settings\/mobile1back.png\" target=\"_blank\" rel=\"noopener noreferrer\"> Backend Settings <\/a><\/p>\n<\/div>\n<\/section>\n<section id=\"\" class=\"toggle\"><label>Why is Mobile Layout is not applied?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>If you use cache plugin and the cache for mobile is enabled, the responsive mode will be applied.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Suggesstion:<\/h4>\n<p>Cache plugin is very important to a site performance, so it&#8217;s essential for your site. So how to both have Cache Plugin and Mobile Layout works in your site?<\/p>\n<p>The answer is to choose a plugin that lets you turn off the cache on mobile like WP Fastest Cache. Our mobile layout is minimized the code and it works fast on mobile then there is no need to use cache anymore.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to create\/edit Home Mobile 1?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After installing quickstart or Athetics theme with Demo data importation, this home page will be available in your site. Let&#8217;s see the layout position of elements for this page and how to create\/edit it.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/mobile\/mobile1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/mobile\/mobile1.jpg\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\">\n<h4 class=\"text-primary\">How to create\/edit this page:<\/h4>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> Before creating the page, you need to read through all the <a href=\"#background\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Background Knowledge<\/span><\/a> and have <a href=\"#basicsettings\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">Basic Settings<\/span><\/a> about the theme.<\/p>\n<p>&nbsp;<\/p>\n<p><b>To create or edit this page, please follow steps by steps as below:<\/b><\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Go to Pages &gt; Add New to create a new page. If you edit this page, go to All pages then choose this one to edit it.<\/li>\n<li>Click <b>Backend Editor<\/b> to edit your site with WPBakery Page Builder.<\/li>\n<li>Add <a href=\"#themeelements\" target=\"_blank\" rel=\"noopener noreferrer\">theme elements<\/a> to the page. To edit, you can click on the edit button on each elements to configure as you want.<\/li>\n<li>Add your page to mobile menu if it&#8217;s a new created one.<\/li>\n<li>After that, you can Preview to see the change and Update to save the page settings.<\/li>\n<li>Now, you need to go to <b>Appearance &gt; Theme Options &gt; Mobile Layout<\/b> to assign this page to Mobile Layout Content. You can also change Mobile Logo and configure the Mobile Header and Footer Style there. This layout uses <b>Mobile Header Style 1<\/b> and <b>Mobile Footer Style 1<\/b>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>You can see the Backend Settings of this home page here: <i>See Screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/mobile\/mobile1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Backend Settings<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: mobile layout --><\/p>\n<p><!-- start: admin options --><\/p>\n<div id=\"admin\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">ADMIN OPTIONS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"woo\" class=\"toggle\"><label>WooCommerce Plugin<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics theme supports WooCommerce plugin. Firstly, you need to do some configurations as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Set the <b>Shop &amp; product pages<\/b> in <b>WooCommerce &gt; Settings &gt; Product &gt; Display<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/woo1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Product Display<\/a><\/li>\n<li>Set the <b>Checkout process<\/b> in <b>WooCommerce &gt; Settings &gt; Account &amp; Privacy<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/woo2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Checkout process<\/a><\/li>\n<li>Set the <b>Account page<\/b> in <b>WooCommerce &gt; Settings &gt; Advanced <\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/woo3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Checkout process<\/a><\/li>\n<li>Set the <b>Product Image Size<\/b> in <b>Customizing &gt; WooCommerce &gt; Product Images<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/woo5.png\" target=\"_blank\" rel=\"noopener noreferrer\">Product Images<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail about this plugin, you can check the WooCommerce Documentation: <a href=\"https:\/\/docs.woocommerce.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<section id=\"yith\" class=\"toggle\"><label>YITH Plugins<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Athestics theme supports YITH Plugins with feature Wishlist and Compare. After installing the theme, you need to do some configurations as below:<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>Configure <b>General Settings<\/b> for Compare in <b>YITH Plugins &gt; Compare<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/yith1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Compare<\/a><\/li>\n<li>Configure <b>General Settings<\/b> for Wishlist in <b>YITH Plugins &gt; Wishlist<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/yith2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Wishlist<\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p>After installing the theme, the Compare and Wishlist button may be duplicated. To remove this bug, you need to do some configurations here.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>In <b>YITH Plugins &gt; Compare<\/b>, uncheck the option <b>Show button in single product page<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/yith3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Compare<\/a><\/li>\n<li>In <b>YITH Plugins &gt; Wishlist<\/b>, choose <b>Use shortcode<\/b> for option <b>Position<\/b>. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/yith4.png\" target=\"_blank\" rel=\"noopener noreferrer\">Wishlist<\/a><\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section id=\"contactform7\" class=\"toggle\"><label>Contact Form 7<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>In Athestics, some contact forms are used with Contact Form 7. Firstly, you need to create contact form in <b>Contact &gt; Add New<\/b> for your site.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Contact form 1. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/contact1.png\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>[text* first-name placeholder &#8220;First Name*&#8221;][text* last-email placeholder &#8220;Last Name*&#8221;] [email* your-email placeholder &#8220;Your email*&#8221;][tel* tel-583 placeholder &#8220;Phone Number*&#8221;] [text* your-subject class:your-subject placeholder &#8220;Your subject*&#8221;] [textarea* your-message subject &#8220;Your message *&#8221;] [submit &#8220;Send message&#8221;]<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Contact form 2. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/contact2.png\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>&lt;div class=&#8221;contact-home&#8221;&gt;[text* first-name placeholder &#8220;First Name&#8221;]&lt;div class=&#8221;form-date&#8221;&gt;&lt;span class=&#8221;title&#8221;&gt;Date&lt;\/span&gt;[date date min:2019-05-20 max:2019-06-25 &#8220;2019-05-01&#8243;]&lt;\/div&gt;&lt;div class=&#8221;form-time&#8221;&gt;&lt;span class=&#8221;title&#8221;&gt;Time&lt;\/span&gt; [select time &#8220;8:30&#8221; &#8220;9:00&#8221; &#8220;9:30&#8221; &#8220;10:00&#8221; &#8220;10:30&#8221; &#8220;11:00&#8221; &#8220;11:30&#8221; &#8220;13:30&#8221; &#8220;14:00&#8221; &#8220;14:30&#8221; &#8220;15:00&#8221; &#8220;15:30&#8221; &#8220;16:00&#8221; &#8220;16:30&#8221; &#8220;17:00&#8243; ]&lt;\/div&gt;&lt;\/div&gt; &lt;p class=&#8221;contact-home&#8221;&gt;[tel* phone-number placeholder &#8220;Phone Number&#8221;][email* your-email placeholder &#8220;Email&#8221;]&lt;\/p&gt; [textarea textarea-713 40&#215;8] &lt;div class=&#8221;contact-home-bottom&#8221;&gt; &lt;div class=&#8221;desctiption&#8221;&gt;Or call us on &lt;a href=&#8221;#&#8221;&gt;+32 2 300 24 24&lt;\/a&gt; or email us: &lt;a href=&#8221;mailto:support@atheticsgym.com&#8221;&gt;support@atheticsgym.com&lt;\/a&gt; rightaway. We are available to help you in any way we can &#8211; 24 hours a day, 365 days a year.&lt;\/div&gt; [submit &#8220;Submit&#8221;]&lt;\/div&gt;<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Contact form 3. <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/contact3.png\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<p>[text* last-email placeholder &#8220;Your Name&#8221;] &lt;div class=&#8221;form-date&#8221;&gt;[date date-start min:2019-04-15 max:2021-05-20 &#8220;2019-05-01&#8221;][select time &#8220;8:30&#8221; &#8220;9:00&#8221; &#8220;9:30&#8221; &#8220;10:00&#8221; &#8220;10:30&#8221; &#8220;11:00&#8221; &#8220;11:30&#8221; &#8220;13:30&#8221; &#8220;14:00&#8221; &#8220;14:30&#8221; &#8220;15:00&#8221; &#8220;15:30&#8221; &#8220;16:00&#8221; &#8220;16:30&#8221; &#8220;17:00&#8221; ]&lt;\/div&gt; [tel* tel-583 placeholder &#8220;Phone Number&#8221;][email* your-email placeholder &#8220;Email&#8221;] [textarea textarea-831 placeholder &#8220;Comment&#8221;] [submit &#8220;Submit&#8221;]<\/p>\n<ol>\n<li style=\"list-style-type: none\">\n<ol>\n<li>Booking Form <i>See screenshot<\/i>: <a href=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/admin-options\/booking-form.png\" target=\"_blank\" rel=\"noopener noreferrer\">Click Here<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<pre class=\"lang:default decode:true \">&lt;div class=\"booking-form\"&gt;\r\n&lt;h3&gt;Athetics gym Class Booking&lt;\/h3&gt;\r\n&lt;div class=\"wrap-content\"&gt;\r\n&lt;p class=\"book-cf1\"&gt;&lt;span class=\"title\"&gt;Class Name:&lt;\/span&gt;[select class_name \"Combat1\" \"Gym2\" \"Core1\" \"Combat2\" \"Gym2\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf1\"&gt;&lt;span class=\"title\"&gt;Date Start:&lt;\/span&gt;[date date-start min:2019-04-15 max:2021-05-20 \"2019-05-01\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf2\"&gt;&lt;span class=\"title\"&gt;Time:&lt;\/span&gt;[select time \"2 months\" \"1 months\" \"2 months\" \"3 months\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf2\"&gt;&lt;span class=\"title\"&gt;Duration:&lt;\/span&gt;[select duration \"45 minutes\" \"30 minutes\" \"45 minutes\" \"60 minutes\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf2\"&gt;&lt;span class=\"title\"&gt;Level:&lt;\/span&gt;[select level \"Basic\" \"Basic\" \"Advanced\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf\"&gt;&lt;span class=\"title\"&gt;Your Name:&lt;\/span&gt;[text* your-name placeholder \"\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf\"&gt;&lt;span class=\"title\"&gt;Your Email:&lt;\/span&gt;[email* your-email placeholder \"\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf\"&gt;&lt;span class=\"title\"&gt;Your Phone Number:&lt;\/span&gt;[text* your-phone placeholder \"\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf\"&gt;&lt;span class=\"title\"&gt;Your Comment:&lt;\/span&gt;[textarea your-message 53x5 placeholder \"\"]&lt;\/p&gt;\r\n&lt;p class=\"book-cf3\"&gt;[submit \"book now\"]&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n&lt;\/div&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-info\">Info<\/span> For more detail about this plugin, you can check the Contact Form 7 Documentation: <a href=\"https:\/\/contactform7.com\/docs\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span class=\"highlight\">here<\/span><\/a>.<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: admin options --><\/p>\n<p><!-- start: translation --><\/p>\n<div id=\"translation\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">TRANSLATION<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section id=\"about\" class=\"toggle\"><label>Does Athestics support multilanguage?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Yes. Athestics supports multilanguage and you can translate the theme into yours using Loco Translate or Poedit.<\/p>\n<\/div>\n<\/section>\n<section id=\"loco\" class=\"toggle\"><label>How to Use Loco Translate in Athestics theme?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To use Loco in Athestics, you can install Loco Translate first. After that, you can use Loco to translate Athestics theme and plugins<\/p>\n<p>You can follow <a href=\"https:\/\/localise.biz\/wordpress\/plugin\/beginners\" target=\"_blank\" rel=\"noopener noreferrer\">Beginner&#8217;s guide for Loco Translate<\/a> in Athestics Theme<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: translation --><\/p>\n<p><!-- start: other info --><\/p>\n<div id=\"support\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">FREQUENTLY ASKED QUESTIONS<\/h2>\n<\/div>\n<div class=\"col-md-12 toggle\" data-plugin-toggle=\"\">\n<section class=\"toggle\"><label>Does Athestics support RTL layout?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Yes. Athestics supports RTL layout. To have RTL layout, you can go to <b>Appearance &gt; Theme Options &gt; Advanced<\/b> and change the <a href=\"#themeoptions\" target=\"_blank\" rel=\"noopener noreferrer\">Direction<\/a> into Right to Left.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why does the website load so slowly?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<ol>\n<li>Firstly, you need to make sure that the Develop Mode has been turned off.<\/li>\n<li>To speed up your site, we recommend to use plugin <a href=\"https:\/\/wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Fastest Cache<\/a>: Plugin to speed up your site by creating static html files from your dynamic WordPress blog. Or else, you can use <a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a>: This plugin improves the SEO and user experience of your site by increasing website performance, reducing download times via features like content delivery network (CDN) integration.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why it is directed to Home Page or 404 page when clicking on Widget in the Backend?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Actually, this is not because of the theme but due to the host settings. For this one, you should contact your host to check the <a href=\"http:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/3-7-redirect-issue\" target=\"_blank\" rel=\"noopener noreferrer\">Redirect Issues<\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to fix the bug &#8220;Fatal error: Allowed memory size of 134217728 bytes exhausted&#8230;&#8221;<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Sometimes, there is warning in your site such as:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 72 bytes) in \/home\/xxx\/public_html\/wp-content\/plugins\/lessphp\/3rdparty\/lessc.inc.php on line 311<\/pre>\n<p>&nbsp;<\/p>\n<p>This one is caused by the file <code>wp-config.php<\/code>. To fix theme, please add the line below to this file:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">define(\u2018WP_MEMORY_LIMIT\u2019,\u2019256M\u2019);<\/pre>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>How to fix the bug &#8220;Warning: Invalid argument supplied for foreach()&#8230;&#8221;<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Sometimes, there is warning in your site such as:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">Warning: Invalid argument supplied for foreach() in \/home\/xxx\/public_html\/wp-content\/themes\/revo\/lib\/utils.php on line 139<\/pre>\n<p>&nbsp;<\/p>\n<p>This one is caused by the file <code>wp-config.php<\/code>. To fix theme, please add the line below to this file:<\/p>\n<p>&nbsp;<\/p>\n<pre class=\"lang:default decode:true \">define(\u2018FS_METHOD\u2019,\u2019direct\u2019);<\/pre>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why do I get 502 Bad Gateway Errors?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To Understanding and Fixing 502 Bad Gateway Errors, you can see this article for more detail:<\/p>\n<p><a href=\"https:\/\/www.lifewire.com\/502-bad-gateway-error-explained-2622939\" target=\"_blank\" rel=\"noopener noreferrer\">Understanding and Fixing 502 Bad Gateway Errors<\/a>.<\/p>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Why it causes 500 Interal Server Error in our site?<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To Understanding and Fixing 500 Internal Server Error, you can see this article for more detail:<\/p>\n<p><a href=\"https:\/\/www.lifewire.com\/500-internal-server-error-explained-2622938\" target=\"_blank\" rel=\"noopener noreferrer\">How to Fix a 500 Internal Server Error<\/a>.<\/p>\n<\/div>\n<\/section>\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">GET SUPPORT FOR ATHETICS THEME<\/h2>\n<\/div>\n<section class=\"toggle\"><label>Things You Should Do Before Creating a Ticket<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>To help speed along your request, we require that you follow the steps below before submitting a new support ticket. This is for the benefit of everyone and will help make the entire process more efficient. It\u2019s very important and we ask that everyone who posts follow these steps.<\/p>\n<p>&nbsp;<\/p>\n<h4 class=\"text-primary\">Please check the following before you submit a ticket:<\/h4>\n<p>&nbsp;<\/p>\n<ol>\n<li>Make sure you are running the <span class=\"highlight\"> latest version of Athestics<\/span> and the latest version of WordPress.<\/li>\n<li>Always check the <a href=\"http:\/\/wpthemego.com\/premium-themes-on-themeforest\/athestics.html\" target=\"_blank\" rel=\"noopener noreferrer\">changelogs of Athestics<\/a>.<\/li>\n<li>Check our <a href=\"http:\/\/wpthemego.com\/document\/athestics\" target=\"_blank\" rel=\"noopener noreferrer\">Documentation<\/a> and <a href=\"http:\/\/wpthemego.com\/document\" target=\"_blank\" rel=\"noopener noreferrer\">Knowledgebase<\/a> for the answer to your question.<\/li>\n<li>Disable any additional 3rd party plugins you may be using to see if it fixes the issue.<\/li>\n<li>Make sure you\u2019ve cleared all your caches including browser cache, plugin cache and server cache.<br \/>\n<b>Browser Cache<\/b>: this is cache stored by your browser to allow your page content to load faster.<br \/>\n<b>Plugin Cache<\/b>: this is cache specifically from a 3rd party WordPress plugin.<br \/>\nand <b>Server Cache<\/b>: this is cache imposed by your hosting company directly from your server.<\/li>\n<\/ol>\n<\/div>\n<\/section>\n<section class=\"toggle\"><label>Get Support from WPThemeGo<\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>After finishing 5 things should do before creating ticket, if the issue remains, you can create a ticket at our Support System.<\/p>\n<p><b>Please note that your site&#8217;s information and some screenshots for the issue will be easier for us to get the question and help you faster.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"label label-warning\">Note<\/span> Please note that for each item purchase code, only <b>01<\/b> website should be supported. Also, if your license for product support is expired, you should renew it to get our best support service.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"col-md-6 image-size-100 left\"><a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/ticket.png\" \/><\/a><\/div>\n<div class=\"col-md-6 image-size-100 right\"><a href=\"http:\/\/wpthemego.com\/faqs\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"http:\/\/wpthemego.com\/images\/document\/themes\/athetics\/faq.png\" \/><\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"alert alert-danger margin-top-bottom-5\">\n<h4><i class=\"fa fa-warning\"><\/i> Important!<\/h4>\n<ul>\n<li>Once you create a ticket, do NOT reply the ticket via notification email. Any reply via this no-reply-email may be missed because our support team could not read it.<\/li>\n<li>Our team will check the issue and send you reply in 24 hours (except for weekends and holiday) regarding how complicated the issue is.<\/li>\n<li>We have only 01 <a href=\"http:\/\/forum.wpthemego.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Support System<\/a>. If you get trouble with it, you can contact us via our email <b>contact@wpthemego.com<\/b> to get help. However, the first one is more convenience and easier for both of us to follow the issue.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"changelog\" class=\"row\">\n<div class=\"col-md-12\">\n<h2 class=\"page-title\">CHANGE LOGS<\/h2>\n<\/div>\n<div class=\"toggle col-md-12 margin-top-0\" data-plugin-toggle=\"\">\n<section class=\"toggle active\"><label>Athestics V1.0.0 (8.5.2019) <\/label>&nbsp;<\/p>\n<div class=\"toggle-content\">\n<p>Initial Release<\/p>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<p><!-- end: other info --><br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row el_class=&#8221;guide&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text] Navigation Getting Started Theme Introduction Basic Knowledge System Requirements File Structure Installation &amp; Update Quickstart Installation Theme Installation Plugin Installation Theme Update Plugin Update Athestics Child Theme Demo Importation Import Demo Data Menu Configuration Basic Settings Page Settings Post Settings Product Settings Portfolio Settings Class Settings Trainer Settings Menu Configuration Widget Settings [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-5781","post","type-post","status-publish","format-standard","hentry","category-premium-themes-on-themeforest"],"_links":{"self":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5781","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/comments?post=5781"}],"version-history":[{"count":3,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5781\/revisions"}],"predecessor-version":[{"id":5786,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/posts\/5781\/revisions\/5786"}],"wp:attachment":[{"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/media?parent=5781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/categories?post=5781"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpthemego.com\/document\/wp-json\/wp\/v2\/tags?post=5781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}