Setup Tutorials for Lavish Free

Welcome to the Setup Tutorials for Lavish Free Theme. These are the standard guidelines to help you install, configure, and customize your newly downloaded theme. If you have any requests for additional tutorials relating to this theme, please contact me and I will review your suggestions. These tutorials are also based on the assumption you have a basic understanding of how WordPress works.

How to Hide Footer Info, Edit Link and Post Navigation

You can hide the Footer info, Footer Navigation and Edit Link in the Lavish Free Theme. Hide the Edit Link from the Website You can hide the Edit link that appears when you log in to the wp-admin. To Hide the Edit Link Go to Appereance -> Customize -> Basic Settings -> Blog Settings -> and check the Hide Edit Button. Hide the Footer Info You can hide the footer info from the single post view of the blog. To Hide the footer info Go to Appereance -> Customize -> Basic Settings -> Blog Settings -> and check the Hide the Footer Info checkbox. Hide the Footer Navigation You can hide the footer Navigation from the single post view of the blog. To Hide the footer Navigation. Go to Appereance ->Customize -> Basic Settings -> Blog Settings -> and check the Hide the Footer navigation checkbox. The Customizer to change…    read more 

How to change the Featured Image on Blog Post

To change the Featured Image Settings in the blog page. Go to Appereance-> Basic Settings -> Blog Settings -> Featured Images and choose any one options. You can choose wide featured image as well as small featured image on your blog pages. Wide Featured Images Wide Featured Images enables you to display full width featured images on the blog pages. Small Featured Images Small Featured Images enables you to display Small width featured images on the blog pages, the content will be aligned with the images on the left side. How to hide the Featured Images on the Single Post View In this theme you can hide the featured images on the Single Post View. To do so Go to Appereance->Basic Settings->Blog Settings->Featured Images-> Hide Full Post Featured Image. To change the featured Images go to Appereance->Basic Settings-> Blog Settings->Featured Images

Customize Footer

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.  

Managing Header Options

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 

How to Use Excerpts instead of the content summary

There’s a couple of ways to display post summaries in a blog: Content summary with the classic “Read More” Using excerpts which have a set number of words (sometimes characters) Content Summary Using the content summary method is the most common because when you create your post, you select where you want to split your post with a “Read More” tag. This gives you a shortened version of your post on the front-end of your website with a Read More button or link. Excerpts You actually get a couple excerpt options where the first takes a certain number of words from the beginning of your post, while the other lets you create your own “custom excerpt” instead of using the content from your post. It’s also important to know that excerpts DO NOT inherit formatting such as bold, underline, italic, etc. They also strip out media such as images.  However,…    read more 

How to use Icons

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 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.  

Page Columns

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 

How to work with Google Fonts

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 :  Getting Started Download the Plugin 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 

How to use the custom image styles

WordPress has it’s own default image styling and layouts which are common with every WP theme. These are: Align left alignleft Align center aligncenter Align right alignright Align none alignnone Depending on the theme, usually the common styling is a border around the image, but Lavish Pro extends the styling concept to give you a little more in addition to the basic alignments that you see listed above. With Lavish Pro, you get the additional styles inlcuded Attention: Because these image styles use CSS3, some browsers may not recognize the style attributes applied. IE8 will be one browser that will ignore these styles. Instead of circles, you will get the squared image style. Offset Style Offset is probably the more complicated style bcause of how it gets created in your page or post because it will require some code adjustments. However, we helped you out with a predefined snippet of…    read more 

Make a WordPress Gallery

WordPress has its own gallery shortcode that generates a gallery for your post or pages… Even adding on into a text widget is possible. Styling is usually provided from the default WP theme such as Twenty Thirteen, Twenty Fourteen, and others that may be available. Lavish Pro uses the default gallery styling as a foundation, but with a little enhancement of design to give you a little more for your gallery. Preparing Your Photos First thing you want to do is prepare your images that will be included in your gallery. We’re one to always stress consistency with image sizes, but you do not have to have each photo the same size. We should also mention that with a previous tutorial, we mentioned about clearing your Media Settings (thumbnail sizes) and recommended you create your own sizes as you need them. If you do not have the capability to crop…    read more