Setup Tutorials for Flat Responsive

How to Setup woocommerce Homepage.

December 1, 2015 |

Setup Tutorials for Flat Responsive

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

March 31, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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

March 23, 2015 |

Shekhar Bhandari|

Setup Tutorials for 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 Install JetPack and Its Components

March 11, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

In this tutorial we will be guiding you to how to activate and deactivate the components of JetPack.

How to Hide Footer Info, Edit Link and Post Navigation

March 11, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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

March 11, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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 ?

March 10, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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 Enable the Move to Top

March 10, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

In this tutorial we are going to show you how to enable the move to top icon, which enables you to go to the top of the page. To enable Move to Top, go to Appereance -> Basic Settings -> Move to Top -> check the checkbox.

How to Create a Sticky Menu

March 10, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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

March 10, 2015 |

Shekhar Bhandari|

Setup Tutorials for Flat Responsive

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.