• 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

Want 3 column recent posts on Cafe Pro homepage

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 › Want 3 column recent posts on Cafe Pro homepage

This topic is: resolved

Tagged: cafe pro, recent posts home widget area 4

  • This topic has 6 replies, 2 voices, and was last updated 7 years, 10 months ago by Marcy.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 13, 2015 at 1:41 pm #152048
    webcami
    Participant

    I'm trying to add a recent posts plug in to the 4th widget area on Cafe Pro and it clearly doesn't work. Does anyone know the coding changes I can make to have this widget recognize the recent posts widget and create a 3 column recent posts widget?

    Do I need to register a new widget area? I know this is coded to recognize and adjust to the number of widgets.

    Any help is GREATLY appreciated!

    http://westseattlewordpress.com/skylar/
    May 13, 2015 at 1:51 pm #152054
    Marcy
    Participant

    You can try this:

    .front-page-4 .featured-content .entry {
      width: 31.333333%;
      margin: 10px 1% 28px;
    }

    Try that to see if that's better for you.


    Marcy | Amethyst Website Design | Twitter

    May 13, 2015 at 5:47 pm #152093
    webcami
    Participant

    Marcy, thanks... that made 1/2 the change. Any ideas on how to get it to now line up correctly?

    http://westseattlewordpress.com/skylar/

    Thanks again!

    May 13, 2015 at 7:16 pm #152114
    Marcy
    Participant

    Yes. It needs to be this:

    .front-page-4 .featured-content .entry {
     display: inline-block;
     float: left;
    vertical-align: top;
      width: 31.333333%;
      margin: 10px 1% 28px;
    }

    The vertical-align: top is only needed if it doesn't line up the way you want; you could also use bottom, instead of top.

    And leaving out the other two lines was a total "space" on my part.


    Marcy | Amethyst Website Design | Twitter

    May 14, 2015 at 12:06 am #152128
    Marcy
    Participant

    This will give you a bit more "breathing room".

    
    .front-page-4 .featured-content .entry {
      width: 29.333333%;
      margin: 10px 2% 28px;
      float: left;
      display: inline-block;
    }

    Marcy | Amethyst Website Design | Twitter

    May 15, 2015 at 10:06 am #152318
    webcami
    Participant

    Once again a huge THANK YOU!
    http://westseattlewordpress.com/skylar/

    You can see this worked in getting it to line up (made a few minor tweaks)

    However, I'm not at loss as to how to get the media queries for mobile adjustments. Any ideas?

    May 15, 2015 at 9:02 pm #152371
    Marcy
    Participant

    Add it to this section

    @media
    only screen and (max-width: 960px) {

    @media only screen and (max-width: 960px) {
       .front-page-4 .featured-content .entry {
           width: 100%;
           margin: 10px 0 28px;
       }
    }

    If you need it sooner, use

    @media
    only screen and (max-width: 1024px) {
    instead


    Marcy | Amethyst Website Design | Twitter

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Want 3 column recent posts on Cafe Pro homepage’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 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