• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Genesis Featured Posts :: Forcing 2 Column Display

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Genesis Featured Posts :: Forcing 2 Column Display

This topic is: not resolved

Tagged: featured posts widget, Magazine Pro

  • This topic has 3 replies, 3 voices, and was last updated 9 years, 3 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 20, 2016 at 9:15 pm #179517
    vergestudio
    Member

    I am having an issue with GFP. No matter what I change in the widget or tweak in the CSS, it displays 2 columns of posts, when I have it set for 3 posts. So, the third one wraps around. I've tried Genesis Sandbox Featured Content (GSFC) and it's column features seem to offer no solution.

    This screen cast will show you exactly what I mean.

    http://screencast.com/t/54hpO5JGeM

    I suspect this is fixable with a filter that modifies the loop, but I cannot find an example snippet anywhere on the web, and I've been searching for 90 minutes.

    Ideas?

    PS: I am working in Magazine Pro.

    http://Issue on my local dev box.
    February 21, 2016 at 12:18 am #179524
    Genesis Developer
    Member

    You can try this slick plugin "Genesis Featured Posts Combo".


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    February 21, 2016 at 6:50 am #179541
    Brad Dalton
    Participant

    That's because the CSS for your theme makes it display that way.

    You need to modify the CSS if you want it to display in 1 or 3 columns.


    Tutorials for StudioPress Themes.

    February 21, 2016 at 7:01 am #179542
    Brad Dalton
    Participant

    There's 2 solutions:

    1. Under the Featured Content section of your style.css file, around line 918 you'll find CSS which creates 2 columns

    .home-middle .featured-content .entry {
    	width: 360px;
    }
    
    .home-middle .featured-content .entry:nth-of-type(2n+1) {
    	clear: left;
    	margin-right: 30px;
    }
    

    You can change the width in the first CSS rule above to 100% and modify the 2nd CSS rule.

    Or

    2. You can change the class in the PHP code in the front-page.php file on line 49 from home-middle to home-top.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble