FAQs for HTML Templates

No results found.

Others

How to activate slider autoplay?
To activate AutoPlay to your slider please follow the instruction below. For Owl Carousel: Please check if the following code is already added to your slider activation code. If it is already added then follow the instruction below. autoplay: true, (Note: true mean you don’t have to do anything If it set as false then change it to true.) autoplayTimeout: 5000, (Note: 5000 means slider will change every 5 seconds. You can change the number as you need) If the code above is not already in your code then add those code and AutoPlay will work with your slider. For Slick Slider: Please check if the following code is already added to your slider activation code. If it is already added then follow the instruction below. autoplay: true, (Note: true mean you don’t have to do anything If it set as false then change it to true.) autoplaySpeed: 5000, (Note: 5000 means slider will change every 5 seconds. You can change the number as you need) If the code above is not already in your code then add those code and AutoPlay will work with your slider. For Swiper Slider: Please check if the following code is already added to your slider activation code. If it is already added then follow the instruction below. autoplay: { delay: 5000, (Note: 5000 means slider will change every 5 seconds. You can change the number as you need) disableOnInteraction: false, (Note: Set to false and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction) }, If the code above is not already in your code then add those code and AutoPlay will work with your slider. For Nivo Slider: Please check if the following code is already added to your slider activation code. If it is already added then follow the instruction below. pauseTime: 5000, (Note: 5000 means slider will change every 5 seconds. You can change the number as you need) manualAdvance: false, (Note: if this is set to true then change it to false and autoplay will work) If the code above is not already in your code then add those code and AutoPlay will work with your slider.
Was this helpful?
62
How to compile sass/scss to css?

Here are the steps to follow.
Step 1 => Download the latest prepros software from https://prepros.io/ and install it on your computer.
Step 2 => Unzip the downloadable file zip, drag the template folder, and drop it to the prepros software.
Step 3 => Now if you make any changes to the template SCSS files, the software will automatically compile it to CSS.
Step 4 => Click on “Live Preview” from the software to see the updated styles.

Was this helpful?
66
How to change the primary color of a template?

For SASS user:
Here are the steps to follow.
Step 1 => Open _variables.scss file from assets/scss folder.
Step 2 => Find the primary color variable name as $primary or $theme-color or $brand-color
Step 3 => Change the variable color and compile the scss files.
Note: If you don’t know how to compile SASS/SCSS files please see the FAQ Question How to compile sass/scss to css?

For CSS user:
Here are the steps to follow.
Step 1 => Open main style.css file that contain all style in a code editor.
Step 2 => Open find and replace function of your editor (generally it’s ctrl+shift+H).
Step 3 => In find field put the primary color that is already in use and in replace field put your primary color and then press replace after that your primary color will be in use.

Was this helpful?
73
How to change the google map location and API key?

For map location:
Here are the steps to follow.
Step 1 => Open map active code in assets/js folder main.js or map-active.js file.
Step 2 => Find the code for latitude longitude like this image

Google map

Step 3 => Change the latitude and longitude code with your place latitude longitude code.
Note: If you don’t know your place latitude and longitude code you can use online tools for that. There are many online tools out there.

For map API:
Here are the steps to follow.
Step 1 => You have to generate a map API key first. Follow this link https://developers.google.com/maps/documentation/javascript/get-api-key
Step 2 => Open the HTML file that contains the map API code and see the screenshot.

Google map api

Was this helpful?
66
How to change Mailchimp url?

Here are the steps to follow.
Step 1 => Open main.js file in assets/js folder and find the mailchimp active code.
Step 2 => Change the URL value from the code with your Mailchimp action URL. See the Screenshot

How to change Mailchimp url?

Note: If you want to know where to find the URL you can see this post

https://wpexplorer-themes.com/total/docs/mailchimp-form-action-url/

Was this helpful?
68
How to change the contact form email?

Here are the steps to follow.
Step 1 => Open the PHP file for contact form.
Step 2 => find the $recipient variable that contains email and change the email with your email. See the screenshot.

 

Was this helpful?
66
How to make RTL website?

If template support RTL you will get a folder that contain RTL files. You can use those files for your site.
If the template doesn’t support RTL, you have to make the site RTL by yourself or hire a developer to do the work for you.

Was this helpful?
64
How to change the font family?

Here are the steps to follow.
Step 1 -> Go to https://fonts.google.com/ and click on the font you want to use.
Step 2 -> Select the styles you want to use from that font page.
Step 3 -> Then goto embed tab on the right side and click on @import inside that tab.
Step 4 -> Now Copy the content inside of the <style></style> tag and put it at the top of your main CSS file.
Example:
@import url(‘https://fonts.googleapis.com/css2?family=Roboto:ital,[email protected],100;0,300;1,100&display=swap’);
Step 5 -> Finally copy the content under “CSS rules to specify families” and put it inside CSS “body” selector.
Example:
body{
font-family: ‘Roboto’, sans-serif;
}

Was this helpful?
67
Does this HTML template work with WordPress?

By default, HTML templates do not work with WordPress. You have to hire a WordPress developer to convert an HTML template to a WordPress theme.

Was this helpful?
65
Is this template compatible with xyz framework?

An HTML template can be used with any framework. You have to hire an expert on that specific framework to make HTML template work with that framework.

Was this helpful?
65
Is the PSD file included in this template?

Some of our templates contains PSD file. You will find this information in the template description.

Was this helpful?
63