Setup Tutorials for Flat Responsive

Welcome to the Setup Tutorials for Flat Responsive. 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 Setup woocommerce Homepage.

In this tutorial we will be showing you how to setup Woocommerce Hopepage as our Woocommerce demo page. For this you need to install following plugins: WooCommerce Widgetkit JP Widget Visibility Adding a page for woocommerce products: Go to dashboard-> Pages-> Add New  and add  page. Here we had created page called -‘ Home WooCommerce’. Then to display woocoommerce products ,add this WooCommerce shordcode in content area switching from visual to Text option in right top corner above the content area          [recent_products per_page=”16″ columns=”4″]       Note: You can  add more products per page by increasing shorcode attributes ie ‘per_page = “Number of products to show on page” and can also reduce or   increase column using columns attributes.       Adding Widgetkit slideshow in Banner Wide Sidebar  After you installed WidgetKit plugin you will get menu on dashboard called WidgetKit where you will configure for WidgetKit…    read more 

How to Make Custom Portfolio

In this tutorial we are going to show you how to make custom portfolio using flat responsive theme. Flat Responsive Themes comes with Custom Post type to make Portfolios. You can go to Appereance-> Style Portfolios and Enter your Portfolio Items. To Display a Custom Portfolio  To display a custom portfolio you can use shortcodes [style_portfolio total=”8″] in total value you can put the desired number of Portfolios

How To Use Counters On Flat Responsive

In this tutorial we are going to show you how to use counter values on Flat Responsive Theme. Flat Responsive comes with counter plugin which enables you to make your customer able to know about your recent products. To use the counter you should use shortcodes as follows:- [counter start=”150″ value=”195″] Start = Starting Number of Counter Value = Ending Number of Counter Note: Rememer the starting number should be less than the ending number. Using Icons With Counter <i class=”flat_icons fa fa-adjust”></i> [counter start=”150″ value=”195″] You can replace the icons class and put your custom icon class.  

How to Hide Footer Info, Edit Link and Post Navigation

You can hide the Footer info, Footer Navigation and Edit Link in the Flat Responsive 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

How to change the blog layout ?

To change the blog layout in the Flat Responsive Theme. Go to Appereance-> Basic Settings -> Blog Layouts -> and choose any one options. We have four blog layouts available in the Flat Responsive Theme as they are : Blog with Right Sidebar: Blog with Right Sidebar enables you to display your blog contents on the left side and a sidebar on the right side. If you want to put some content to the right sidebar you should use Blog Right Sidebar Widget. Blog with Left Sidebar: Blog with Left Sidebar enables you to display your blog contents on the right side and a sidebar on the Left Side. If you want to put some content to the left sidebar you should use Blog Left Sidebar Widget. Blog with Left & Right Sidebar Blog with Left Sidebar and Right Sidebar enables you to display your blog contents on the center…    read more 

How to Create a Sticky Menu

In this tutorial we are going to show you how to create a sticky menu in Flat Responsive. Flat Responsive Theme comes with the option to make the header sticky in order to make the user able to navigate although the page is large in size. To create a Sticky Menu, Go to Appereance -> Header Settings-> Sticky Menu and click on the checkbox.

Customize Footer

In this tutorial we are going to show you how to customize the footer. Flat Responsive 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.