Shekhar Bhandari

Managing Header Options

In this tutorial, we will be showing managing the header options for the flat responsive themes as it comes with two header styles.  Here is the screenshot of the header styles that flat responsive provides:  Header Styles 1: The menu will be in the right hand side of the logo in header styles 1, you will get a number of 5 menus styles for this header style. Header Styles 2: The menu will be in the middle of the container below logo and the logo will be centered too, you will get a only one navmenu styling for this header styles. 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  Change the Header Background You…    read more 

How to Create a Meet the Team Page

With sleekly pro comes features that enables you to create a testimonials page for your visitors, with an inbuilt custom post type you just need insert the details and use the benefits of showing testimonials on your website. How to create a meet the team page The whole page should be build with the help of custom html so to create a meember in meet the team page just copy the following code and paste in in the page editor. <div class="col-md-4"> <div class="sleeky_teams"> <div class="sleeky_images"> <img class="" src="http://demo.styledthemes.com/demos/flat-responsive/wp-content/uploads/sites/5/2015/01/team1.jpg" alt="…" /> </div> <div class="sleeky_team_content"> <h3 class="sleeky_team_member">Styled Themes</h3> <div class="sleeky_team_position">Wordpress Developer</div> <div class="sleeky_team_social"> <ul class="sleeky_team_social"> <li ><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a> </li> <li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-twitter"></i></a></li> <li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-linkedin"></i></a></li> <li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-skype"></i></a></li> <li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-google-plus"></i></a></li> <li><a style="color:#fff;" href="http://www.facebook.com"><i class="fa fa-envelope"></i></a></li> </ul> </div> </div> </div> </div> Please copy the above code and copy and paste…    read more 

How to Create a Testomonials Page

Sleeky pro comes with custom post type features that enables you to create a testimonials page for your visitors, with an inbuilt custom post type you just need insert the details and use the benefits of showing testimonials on your website. How to create a new testomonails Go to WordPress Dashboard Go to Testimonials on the left hand menu of WordPress admin panel Click on the add new button at the top of the pages to create a new testimonials Enter the title for recognization purpose in future use. Enter the Submitter Name, Submitter Company Name, Message from the Submitter details tab below the title Select the Submitter Image in the featured image section of the page Click on publish How to Display Testomonails on your selected pages Go to WordPress Dashboard Create a New Page Copy the shortcode for faq which is [style_testimonials total=”8″] you can enter the number…    read more 

How to Create a Faq Page

Sleeky pro comes with custom post type features that enables you to create a Frequently asked questions page for your visitors, with an inbuild custom post type you just need to create questions with their respective answers. How to create a new faq questions and answers Go to WordPress Dashboard Go to FAQ on the left hand menu of WordPress admin panel Click on the add new button at the top of the pages to create a new faq Enter the questions in the title section and answers in the editor below of the title. Click on publish How to Display faq on your selected pages Go to WordPress Dashboard Create a New Page Copy the shortcode for faq which is [style_faq total=”8″] you can enter the number of faq you want to show in one page with the help of the total parameter. Click on Publish/Update

How to Create a Faq Page

Lavish Pro comes with Custom Post type Features Enabled for Frequently Asked Questions.  How to Create a New FAQ? 1) Go to WordPress Dashboard. 2) Click on FAQ and click New 3) Now Fill up the details as shown in the screenshot. 4) Save the Post. How to Display the Frequently Asked Questions On the Frontend? Shortcodes Method: If you are willing to show FAQ in a content of page or footer rather than making the Faq extra page. You can use the shortcodes method. 1) In the Content Paste the following shortcodes: [style_faq total=”6″] where total is the number of Faq that you want to show with the help of shortcodes.    

How to Create a Faq Page

Flat Responsive comes with Custom Post type Features Enabled for Frequently Asked Questions.  How to Create a New FAQ? 1) Go to WordPress Dashboard. 2) Click on FAQ and click New 3) Now Fill up the details as shown in the screenshot. 4) Save the Post. How to Display the Frequently Asked Questions On the Frontend? Shortcodes Method: 1) In the Content Paste the following shortcodes: [style_faq total=”6″] where total is the number of Faq that you want to show with the help of shortcodes.    

Create a Testimonials Page

Flat Responsive comes with Custom Post type Features Enabled for Testomonials Page.  How to Create a New Testomonials? 1) Go to WordPress Dashboard. 2) Click on Testomonials and click New 3) Now Fill up the details as shown in the screenshot. 4) Save the Post. How to Display the Testomonials On the Frontend? Page Templates Method: You can display the Testomonials with the help of page templates to do so: 1) Create a page to Display Testomonials. 2) Select that page templates to Testomonials Page Templates. Shortcodes Method: If you are willing to show testomonials in a content of page or footer rather than making the testomonials extra page. You can use the shortcodes method. 1) In the Content Paste the following shortcodes: [style_testomonials total=”6″ columns=”3] where total is the number of testomonials that you want to show with the help of shortcodes and columns represents the layout of the…    read more 

How to Display/Hide the Search Icon

Flat Responsive has options to display Search bar on the top with the menu as well as you can use the search widget on widgets postion to display the Search Form. Customize Title Description How to Change : Hide the Search Icon You can Display/Hide the Top bar from the Customize Panel. In Default it is set to be shown. Apperance-> Customize-> Header Settings-> Search Icon -> Check the Search Icon Hide Change the Search Icon Color You can change the search icon color Apperance-> Customize-> Header Settings-> Search Icon -> Search Icon Color

How to Display/Hide the Search Icon

Flat Responsive has options to display Search bar on the top with the menu as well as you can use the search widget on widgets postion to display the Search Form. Customize Title Description How to Change : Hide the Search Icon You can Display/Hide the Top bar from the Customize Panel. In Default it is set to be shown. Apperance-> Customize-> Header Settings-> Search Icon -> Check the Search Icon Hide Change the Search Icon Color You can change the search icon color Apperance-> Customize-> Header Settings-> Search Icon -> Search Icon Color Change the Search Form Background You can change the search form background Apperance-> Customize-> Header Settings-> Search Icon -> Search background Change the Search Form Line Color You can change the search form line background Apperance-> Customize-> Header Settings-> Search Icon -> Search Icon line Change the Search Form Height You can change the search form…    read more 

Creating a Menu

In this tutorial, we will be showing you how to create a menu and access it’s options in Flat Responsive If you are completely new to the WordPress and Creating Menu you can follow the link to know how to create a menu in WordPress: http://codex.wordpress.org/WordPress_Menu_User_Guide Flat Responsive Comes with 2 Menu Positions:- Primary menu Primary Menu is displayed in the top of the site along with the logo  Footer menu Footer Menu is displayed in the bottom of the site along with the copyright symbol.