Setup Tutorials for Lavish Free

In this tutorial we are going to show you how to customize the footer. Lavish Pro has the ability to change the colors of the footer, display a menu on the footer as well as display/hide the social icons on the footer. How to Change the Color of the Footer To change the color of the footer go to Appereance-> Footer Settings -> Color Settings and change the color according to your choice. How to Show/Hide the Social Icons on Footer To show the social icons on the footer go to Appereance->Footer Settings -> Display Social and check the checkbox. How to change the copyright text in the Footer To change the Copyright text in the footer go to Appereance->Footer Settings-> Copyright Text and Enter the text.  

In this tutorial, we will be showing managing the header options for the Lavish Pro theme as it comes with two header styles.  Header Styles 1: This Style will enable to view the menu within the slider. The slider will start from top and menu will be in the top area of the slider overlapping it. The styles used in the demo is Header Styles 1. Header Styles 2: This Style will enable to view the menu as the default themes styles. The slider will start from the bottom of menu.   How to manage and change the Settings for Header Settings:- Customize Title Description How to Change : Change the Header Style You can change the header styles for your websites as per your choice from the navigation panel. Apperance-> Customize-> Header Settings-> Header Style 

Lavish Pro uses font icons from FontAwesome which means you can have different sizes, just like a font. You can use icons almost anywhere, especially with the html snippets that Flat Responsive has like “icon boxes”, “media boxes” etc. How to Find an Icon that you need and place into content Go to http://fortawesome.github.io/Font-Awesome/icons/ Select a Icon that you want Click on the icon that you want, you will find a html snippets provided to you. For Example: the snippets looks like Copy and Paste the Snippets to your content. Now your icons shows in the content.  

To give you more flexible layouts, you can use page columns (content columns) which uses the Bootstrap framework. Using Bootstrap 3, you get a 12 grid column layout which is also responsive. To read more documentation on the grid layout, check out the Bootstrap website here: Bootstrap Grid Circumference is built using Bootstrap and the overall width uses the grid system. Basically the width is made up of 12 grid columns and uses css classes to create varying widths of containers, for example, the logo container and the main navigation container uses this method where the logo is 5 grid columns wide and the nav is 7 grid columns wide. Getting Sample Columns In your original downloaded theme package is a folder called HTML Snippets. Inside that is a text file “Columns” which you can use to get you started and offers some instructions as well. You can create your…    read more 

In this tutorial, we’re going to show you how to use Google fonts in Lavish Pro theme. What is Google Fonts ? Google Fonts is an interactive directory of free hosted API for web fonts. This directory has now more than 650 web fonts and it’s increasing each day. You can find those fonts here : https://www.google.com/fonts  Getting Started Download the Plugin wordpress.org/plugins/wp-google-fonts After you have downloaded the plugin Activate the plugin After you activate your plugin you can go to Settings menu, and select google fonts Choose font from the dropdown and click on the show options, afterthat select the tags where you want your google fonts implemented . For example if you want your h1 class to be font “abel” choose font abel and select the h1 property. If you want different fonts for all selector you can choose the fonts from font1, font2 and font 3 respectively. After…    read more