Setting
The general theme section allows you to control the behaviour and the overall appearance of your theme.
To configure this part go to GEM->Settings.
Styles
The style section contains the customizer.
Click to create your own style for the whole site or individual pages. You can pick colors, modify sizes and much more with a real time theme preview. Choose the style to be loaded in the layout options.
Сlick Copy and enter a new name to duplicate the style. Then you choose your new style from the list and can make adjustments.
To get more capabilities use “Advanced ModeІ”. After all the changes, click Save.
Development
Setting |
Description |
Compile LESS in the browser on every page load |
Check the first option and the browser automatically compiles your LESS files via JavaScript every time you load a page. This provides an appropriate testing environment. I It's not recommended to enable developer mode on the live site as the constant process of compiling is highly inefficient. |
Allow styles to be loaded by URL. This will override the style originally loaded by the theme. |
The option enables the browser to load styles by URL. This is useful, if you want to test different styles for your website. Disable this option, when your website goes live. |
To finish your LESS modifications, hit the Compile LESS button and all your changes will be compiled into the final CSS.
Make sure, you aren't developing in the /styles/STYLE-NAME/css folders, because these folders will be overridden as soon as you hit the Compile LESS button.
Maintenance mode
When you first install the theme you can to hide the front-end from visitors while you set things up for the final launch.
Site is Offline Page
Site is Coming Soon Page
Demo data
If you are new to wordpress or have problems creating posts or pages that look like the Theme Demo you can import dummy posts and pages here that will definitely help to understand how those tasks are done.
Importing demo data (post, pages, images, theme settings, ...) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch. When you import the data following things will happen:
-
All existing posts, pages, categories, images, custom post types or any other data may be deleted or modified.
-
Some WordPress settings will be modified
-
Posts, pages, some images, some widgets and menus will get imported.
-
Images will be downloaded from our server, these images are copyrighted and are for demo use only .
-
Please click import only once and wait, it can take a couple of minutes
Before you begin, make sure all the required plugins are activated.
Compression
To optimize page load time, choose one of the following compression options.
Setting | Description |
None |
All files will be loaded separately and fully sized. |
Combination + Minify |
This option will minimize and combine CSS and JavaScript files into one single file. |
Combination + Minify + Data URIs |
Data URI embeds image data directly into the document, thus reducing the HTTP requests for your image files. This applies only to images that have a maximum size of 10kB. |
Combination + Minify + Data URIs + Gzip |
Gzip allows a faster data transfer through compressed data packages, instead of dealing with large data volumes by sending them separately |
Responsive
The viewport meta tag controls the layout on mobile browsers. If it's not set, the default width on mobile is 980px and the site will look the same like on desktops.
Posts
In this section you can configure the display of posts, if they will appear on the frontpage
Setting | Description |
Set the number of columns on the frontpage |
You have the ability to specify the number of posts, a maximum of 4. |
Order posts across or down columns |
You can determine the placement of the columns with posts: across or down |
Enable navigation in post single view |
Enable/disable navigation in post single view |
WooCommerce
You can regulate the number of products to display per page in your shop. Also you can customize this and other elements in WooCommerce->Settings.
Content
Enable or disable the To-top scroller.
Logo
Enter your logo text or use the widget in Logo sidebar.
This text will be displayed on the site only if the widget positions Logo and Logo-toolbar are empty.
Widgets
Widgets in positions can be displayed in different styles.
Comments