Welcome to Fatima ! We would like to thank you for choosing our template Fatima.
To use Fatima For Creative Blog Template. It comes with HTML5 and Bootstrap 4. We created with component-based
and developer-friendly modern. It comes with modern design and a faster loading HTML template. It has available Personal Blog.
What's Included
After purchasing Fatima template on themeforest.net with your Envato account, go to your Download page. You can choose to download Fatima template only or the entire Fatima template3 package which contains the following files:
The contents of the theme package downloaded from ThemeForest:
fatima - Our main file
Documentation - This folder contains what you are reading now :)
Change Site Title
To change your Site title, navigate to html file (index.html, about.html etc...) and follow the following steps:
Change Site Title
Change Favicon
To change your Favicon, navigate to assets/ img/ then replace the existing favicon with your favicon
Change Favicon
Change Logo
To change your Site logo, go to assets/ img/ logo/ and replace exisiting logo with your logo
Change Logo
Customize Menu
To customize menu, follow the following steps:
Customize main menuCustomize mobile menu
Change Contact Email
To change your Contact email, go to mail.php and follow the following steps:
Go to mail.php > change your mail
Set up Instagram Feed
To set up your instagram feed, go to assets/js/ main.js and follow the following steps:
Go to assets > js > main.js > change your mail
Package Install
We have included all our scss file and we have used node-sass package to compile our scss. You can easily write your own css with scss. To run scss, follow the following steps:
First make sure your machine have latest node and npm/yarn version installed. If don't then install them first
Now, go to your project directory and open your terminal and write npm install or yarn
Run this command or you can run npm install(if you are using npm instead of yarn)
Compile SCSS
Now run yarn css-watch or npm run css-watch and then write your own scss
Run this command or you can run npm run css-watch(if you are using npm instead of yarn)
Write your own SCSS
To write your own scss scss/then create a .scss file and import it in main.scss file
Import scss file
Global Color Options
To change Global Color Options setting, navigate to scss/ base/ variables/ and follow the following steps:
Change Global Color Options Setting
Change Log
Rainbow-Themes team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.
