Documentation
Overview
- Template Name: Mavitro : News & Magazine Blogger Template
- Template Version: v1.0.2
- Developer Name: Mix Theme
- Developer Porfolio: Check My Portfolio
Thank you so much to purchase our template, I hope you love it,
and don't forget to rate 5 stars! 
From Downloads Page
Theme Features
- Fully Responsive Design.
- Powerfull Admin Panel , Check it
- Well Documented
- Easy to Customize.
- Unlimited Colors
- Ten Layout to Show Your Content
- Live Customizer : Colors, Fonts.
- 3 Post Layouts : Fullwidth, LeftSidebar RightSidebar.
- Drop Down Menu
- Custom Mobeil Menu
- Clean & Elegant Design.
- Clean Typography
- Clean Code with Comments
- Custom Widgets.
- Custom Social Icons Widget
- Custom Error Page
- Author Box With Easy Customize & Multi Author Support
- Useful Shortcodes Built-In : Contact Form, Buttons, Alert Boxs.
Getting Started
Upload Theme
Step 1 : You can install the theme by going to the following path: Dashboard > Template > Backup / Restore > choose the "Mavitor.xml" file and click on Import from computer button and save , see images below & well done!
Step 2 : You can also install your theme by going to the following path: Dashboard > Template > Template HTML click on it and select all using keyboard shortcut Ctrl+A and delete all, then you will go to the "Mavitor.xml" file and open them with an editor software like "Notepad" and select all and come back again to blogger editor and paste all this code and save tempalte, see tutorial video to know how & well done!
Activate Responsive
You can Activate the responsive for mobile and tablet and other devices by going to the following path: Dashboard > Template > Settings Button for mobile and click on it!
Now Select No. Show desktop template on mobile devices! and click on save! and well done!
Theme Installation
Template Options
First Go to Dashboard > Layout > and you will see the template options as the image dwon
at the moment you have 4 options
- Boxed Style
- Dark Skin
- Hide Favourite Category
- Show favorite Post Image
1. Boxed Style
To Active the boxed style just click on edit and type boxed
and if you want to get back the wide style just delete " boxed " and click Save .
2. Dark Skin
To Active the dark skin just click on edit and type dark
and if you want to get back the light skin just delete " dark " and click Save .
3. Hide Favourite Category
To hide the Favourite Category just click on edit and type hide
and if you want to show them back just delete " hide " and click Save .
4. Show favorite Post Image
To active the Favorite Post Image just click on edit and type favorite
and if you want to get back the stander post just delete " favorite " and click Save .
Top Menu
First Go to Dashboard > Layout > Edit Main Menu > Configure Link List
On "New Site Name" field add your menu title
And on "New Site URL" field add your url adress.
Header Social Icons
First Go to Dashboard > Layout > Edit Top Social Media Icons > Configure Link List
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
rss
youtube
skype
stumbleupon
tumblr
vine
stack-overflow
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
delicious
apple
android
Logo
Go to your dashboard > Your Blog > Layout > Logo and click on Edit , and upload your logo, but do not forget to choose "Instead of title and description" option & you well done!
Header Advertisement Area
To add your ad just go to your dashboard > Your Blog > Layout > Top Ad Area and click on Edit
and put your Advertisement code in the widget and you well done!
For Example
Main Menu
Go to your dashboard > Your Blog > Layout > Theme Options > Top Menu Widget for Desktop & iPads and click on Edit link, and follow this steps below & you well done!
To add Sub Menu Level 1.1 just add one underscore "_" before navigation name.
The order should be like this :
The Parent
_The Sub Child of Parent
// Example
Home
Categories
_Life Style
_Travel
_Music
About Me
Contact
Breaking News
Go to your dashboard > Your Blog > Layout > Breaking News Widget and click on Edit link,
just type the label name and just follow this steps below & you well done!
just type : label name
This is an example :
Template Section's
Go to your dashboard > Your Blog > Layout > Select the section you want and and click on Edit link,
and type your " label name " and just follow this steps below & you well done!
just type : label name
For example
For example
Template Section's Color
Go to your dashboard > Your Blog > Theme > Customize > Advanced > Select Sections Color and make your own color for each section and after that click Apply to Blog & you well done!
Blog Settings
Go to your dashboard > Your Blog > Layout > Blog Widget and click on Edit link, you should follow this steps below & you well done!
Author Bio
To show the Author Bio box , First Go to Dashboard > Layout > Edit Blog Posts > and make sure it's look like the pictuer down below & you well done!
Note ! You most put your information in your " Google + " acount to show it in your blog Click Here
The result
And you done
Sidebar Widget
Widget : Sidebar Social Icon
First Go to Dashboard > Layout > Edit Follow Us on > Configure Link List
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
snapchat
rss
youtube
skype
stumbleupon
tumblr
vine
stack-overflow
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
delicious
apple
android
Mobile Menu Setting
Widget : Mobile Social Icons
First Go to Dashboard > Layout > Edit Mobile Social Icons > Configure Link List
On "New Site Name" field add your social name :
And on "New Site URL" field add your social url adress.
// Social Icons currently supported
facebook
twitter
gplud
rss
youtube
skype
stumbleupon
tumblr
vine
linkedin
dribbble
soundcloud
behance
digg
instagram
pinterest
apple
android
vk
Widget : Mobile Menu
First Go to Dashboard > Layout > Edit Main Menu > Configure Link List
On "New Site Name" field add your menu title
And on "New Site URL" field add your url adress.
Note ! to add icon to the menu just go to this web site click here and click on the icon you want and copy the link of the icon and paste it on befor the menu tilte and you well done! .
Shortcodes
Buttons
Go to your dashboard > Your Blog > Posts or Pages > Select one, Add some of Buttons code below & you well done!
// Small Button
<a class= "button small red" href=" # "> Button Text </a >
<a class= "button small pink" href=" # "> Button Text </a >
<a class= "button small black" href=" # "> Button Text </a >
<a class="button small green" href=" # "> Button Text </a >
<a class= "button small orange" href=" # "> Button Text </a >
<a class= "button small yellow" href=" # "> Button Text </a >
<a class= "button small blue" href=" # "> Button Text </a >
// Normal Button
<a class="button medium red" href=" # "> Button Text </a >
<a class="button pink" href=" # "> Button Text </a >
<a class="button black" href=" # "> Button Text </a >
<a class="button green" href=" # "> Button Text </a >
<a class="button orange" href=" # "> Button Text </a >
<a class="button yellow" href=" # "> Button Text </a >
<a class="button blue" href=" # "> Button Text </a >
For example
Line
Go to your dashboard > Your Blog > Posts or Pages and just put the code below & you well done!
// Add Line
[line]
For example
The result
Alert Boxes
Go to your dashboard > Your Blog > Posts or Pages > Select one, Add some of Buttons code below & you well done!
// Alert message
<div class="alert-message alert">
Alert message : This alert needs your attention.
</div>
// Warning message
<div class="alert-message warning">
Warning message : Warning! Best check yo self.
</div>
// Error message
<div class="alert-message error">
Error message : Oh snap! Change a few things up.
</div>
For example
Contact From
Go to your dashboard > Your Blog > Posts or Pages > Select one > Type this shortcode "[contact-form]" if you want show a contact form on your page or post & you well done!
[contact-form]
For example
Post Or Page Layouts
Go to your dashboard > Your Blog > Posts or Pages > Select one > Type this shortcode "[left-sidebar]" if you want to apply Left Sidebar Layout on your page or post, or type "[right-sidebar]" if you want to apply Right Sidebar Layout on your page or post, or type "[full-width]" if you want to apply Full Width Layout on your page or post & you well done!
[left-sidebar] / [right-sidebar] / [full-width]
For example
Do You Need Help ?
If You Need Any Help Please Contact Us
Mix Theme Team
