• 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 Widget to display horizontally?

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 Widget to display horizontally?

This topic is: not resolved

Tagged: Catalyst Excerpt Widget, Genesis Featured Posts widget, widgets

  • This topic has 8 replies, 4 voices, and was last updated 11 years, 5 months ago by jasondavis.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 13, 2013 at 10:09 am #72715
    CreativeKristi
    Member

    I'm trying out the Executive Pro theme on a site and instead of featured pages I am trying to use the Genesis Featured Posts widget and show 3 across. When I put 3 in the 'number of posts to show' they display stacked vertically. When I use a featured posts widget and put 1 in the number of posts to show then use ANOTHER featured posts widget set at 1 they display horizontally.

    There has got to be a way to show featured posts horizontally with one widget instead of using one featured posts widget per post!! Anyone know the trick? It's not the margins, they are all set to float correctly, etc.

    Thanks in advance!


    I work at Creative Kristi Designs
    I play at Creative Kristi
    Affordable. Beautiful. Personal. Custom. Design for everyone.

    November 14, 2013 at 11:05 pm #73093
    Brad Dalton
    Participant

    You'll need to use 3 featured posts widgets or modify the CSS code.


    Tutorials for StudioPress Themes.

    November 16, 2013 at 8:05 pm #73494
    CreativeKristi
    Member

    Brad,
    Yes I know. I was asking how to do that. What is the code that I need to modify. I've tried different floats and margins and padding to that widget area and nothing changes them stacking vertically and not just going horizontally.

    Thanks!


    I work at Creative Kristi Designs
    I play at Creative Kristi
    Affordable. Beautiful. Personal. Custom. Design for everyone.

    November 17, 2013 at 5:53 pm #73852
    Ksunw148
    Member

    I was looking to figure this out too. I was just doing this last night and came up with the same problem. ANYONE know HOW to do it rather than telling what we need? New to Genesis and some directions (step by step) would help and be much appreciated.

    December 16, 2013 at 6:38 pm #79593
    jasondavis
    Member

    This is my number one "want-to-know" in Genesis right now. I need to know how to display Genesis Featured Posts in a horizontal grid much like the one I built with Catalyst Excerpts Widget on this page.

    Has anyone had success doing this? I can't for the life of me understand why they wouldn't have designed the plugin to have the option to display vertically or horizontally from the get-go.

    Thank you to any experts who can figure this out!

    December 16, 2013 at 9:10 pm #79636
    Brad Dalton
    Participant

    This is how i did this using the Magazine Pro theme http://wpsites.net/web-design/display-featured-posts-from-multiple-categories-inline-using-one-widget/

    This solution has been tested and works on that theme however may not work on every other theme or when using a plugin for custom coding.


    Tutorials for StudioPress Themes.

    December 17, 2013 at 5:06 pm #79826
    jasondavis
    Member

    Thanks for the help. Unfortunately I can't get them to appear side-by-side in the Dynamik Website Builder child theme. Perhaps when the site is live I'll set up a test page and post the link so some folks with more knowledge that I can help troubleshoot if they are feeling generous.

    - Jason

    December 17, 2013 at 8:41 pm #79849
    Brad Dalton
    Participant

    You would need to ask Cobalt Apps because its a different child theme setup.


    Tutorials for StudioPress Themes.

    December 21, 2013 at 11:59 am #80640
    jasondavis
    Member

    SUCCESS - Sridhar Katakam magically solved my problem of not being able to display Genesis Featured Posts in a grid horizontally across the page.

    It was as easy as adding this CSS:

    #featuredpoststest .entry {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    vertical-align: top;
    padding: 2rem;
    min-height: 250px;
    }

    Of course if you are attempting to do the same you'll need to change the name from #featuredpoststest to whatever yours is called on your site.

    Using the Dynamik Website Builder theme I created a custom conditional and widget area called "featuredpoststest" that allowed my page to display a widget area where I could place the Genesis Featured Posts.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 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