General
Since our themes are built on Warp framework, it gives you the configuration flexibility and easy to use. Once you have installed the theme and all the required plugins, a new item of your dashboard with advanced theme settings will be available. The new item is named as well as the theme named.
Now you can navigate to the new item and can see all the theme settings in the different tabs.
Please note: some options in your template settings can have the minor differences from the described below.
Let's begin with "Settings" tab. The general theme section allows you to control the behaviour and the overall appearance of your theme.
To configure this part, go to WARP(theme name)->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.
For further information, please take a look at our Customizer tutorial.
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.
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