Creating News Layout on Flex Pro Theme using GFPC plugin

One of my customer was wanting this kind of implementation. So I published this post for him. At first I shall tell that Flex Pro theme and Genesis Featured Posts Combo plugin both are paid products. So basically this post will be helpful for them who purchased the both products.

By default Flex Pro theme have 4 widget areas for home page.

  1. Home Top
  2. Home Middle
  3. Home Bottom Left
  4. Home Bottom Right

In this layout I am using two widget areas ( Home Bottom Left & Right ). Home Bottom Left widget area I placed 4 combo widgets. See the settings:

Breaking News
Breaking News
World News
World News

Lastly added some CSS in style.css file for better look.

/* # GFPC Widget
---------------------------------------------------------------------------------------------------- */
.gfpc-widget .entry {
    padding: 0;

.gfpc-widget .entry-title {
    font-size: 18px;

.full-post .entry-title {
    font-size: 38px;

.home-bottom-left .layout-one .right-part .entry {
    border-bottom: medium none;
    margin: 0 0 5px;
    padding-bottom: 0;

.gfpc-widget .entry-categories {
    display: inline-block;

Here is the ultimate layout for home page. See the screenshot below:

News/Magazine Style on Flex Pro Theme
Custom Layout on Flex Pro Theme using GFPC Plugin

Share This Article

C. Paul

Creating Genesis Framework related themes, plugins, articles and troubleshooting the issues. Also I am doing the freelance work for clients.

Subscribe Membership Plan ($9.99/mo)

  • Get full access to all premium tutorials
  • Get Support for the posted content
  • Request for specific how-to tutorials
  • Cancel the subscription at anytime

Reader Interactions

Leave A Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.