• 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

Latest Posts on Front Page

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 › Latest Posts on Front Page

This topic is: not resolved

Tagged: Columns, featured, front page, latest, posts

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 11 months ago by fortyfivecreative.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 18, 2014 at 8:00 am #90949
    fortyfivecreative
    Member

    Hi,

    I'm trying to show snippets of the 3 latest posts (from any category) as a 3-column responsive layout on a 1 page site using the Genesis sample theme. I tried using the Genesis Featured Posts plugin but this won't allow me to use columns. I am trying to avoid doing this via CSS nth items and would like to apply the 'one-third' and 'one-third first' divs via a function.

    Please see the NEWS section at: http://tok.hostfortyfive.co.uk/

    Thanks!
    David

    http://tok.hostfortyfive.co.uk/
    February 18, 2014 at 9:39 am #90967
    pxforti
    Participant

    If you have only 3 items, it's pretty easy to use css to make each item 33.33%. That should do the trick. You might have to play around with the padding. You wouldn't have to use nth-of-type unless you plan to have multiple rows.


    writeNowDesign
    WordPress and Ecommerce Website Design

    February 18, 2014 at 9:40 am #90968
    pxforti
    Participant

    Sorry: I meant to say width: 33.333% for each .entry


    writeNowDesign
    WordPress and Ecommerce Website Design

    February 19, 2014 at 4:23 am #91108
    fortyfivecreative
    Member

    Thanks, but in order to use the Genesis column classes I would need to apply column specific CSS rules 'one-third' 'one-third first'. I was hoping to do this entire task via function rather than using the widget and adding additional CSS.

    David

  • 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

© 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