Overview of the template, its contents, and how to get started with the template.
Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, you can write to our support email with your purchase code, and please rate the template on themeforest if you liked it. Thank you so much!
- WpSmasher Team
Any questions that are beyond the scope of this help file, use support email.
Follow us on themeforest and don't miss new upcoming premium themes.
If you liked the theme you can rate it on themeforest in your downloads menu.
We assume you have basic knowledge of HTML / CSS and JS. In this doc you will not learn how to code but you will learn how to setup, use and customize the theme. Before you begin make sure you have a code editor, you can use VSCode or any other editor like Notepad++ will be enough.
Within the download you'll find the following file structure, logically grouped common assets.
Once downloaded, unzip the compressed folder to see the structure of the template. You'll see something like this:
Palun-Template/
└── assets
└── ├── css/
├── fonts/
├── img/
└── js/
└── index.html
└── other html files
In this template you will find all HTML files in well formatted and highly commented. Most of the markup is self explanatory with comments. So i will only explain the parts where the markup needs more attention.
You can easily change logo with some simple steps;
1 Prepare your image; resize it to the width of the current logo in .jpg file for the optimal image size to have a fast loading page.
2 Copy your image to /images/logo folder. Replacing the logo name of the
existing logo
<img src="assets/img/logo/logo.png" alt="Logo"></div>
You can easily change any image. Just copy your image url and replace it with the one below;
<img src="assets/img/portfolio/3.png" alt="portfolio 3" alt="groups"></img>
This template uses 1 font icon set. They are all font icons(vector) and can be styled easily with css. They are also easy to drop in anywhere as you will see in some part of this template.
<i class="fas fa-long-arrow-alt-down">
We designed this template for easy customizations. It includes predefined classes so you can easily customize the template just by adding some classes.
You can customize fonts with this simple steps;
1 Go to Google Fonts and select a font.
2 Copy the css embed code for your font and paste it at the top of style.css file
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&family=Open+Sans:wght@300;400;600;700;800&display=swap');
3 Finally add this custom css code in related css codes
After you are done with all customizations, you will finally publish it in the live server.
1Change the home page name you will be using for your page to index.html
if it
is not already.
2Connect to your ftp server with a program like FileZilla
3copy all of the files to your ftp server so index.html file will be
placed in root location not in a folder.
4Enjoy!