• 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

Alternate Post Styling

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 › Alternate Post Styling

This topic is: resolved

Tagged: post class

  • This topic has 4 replies, 2 voices, and was last updated 9 years, 9 months ago by jackirt.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 19, 2016 at 7:03 pm #179434
    jackirt
    Member

    I have a masonry style homepage, but am looking to style each post differently.

    Example: Post 1 width is 90%, Post 2 width is 70%, Post 3 width is 50%, etc. Below is a website that has the look I am trying to achieve.

    http://www.cosstores.com/gb/Magazine

    Any thoughts or inputs in the right direction are much appreciated!

    http://www.cosstores.com/gb/Magazine
    February 20, 2016 at 1:11 am #179446
    Brad Dalton
    Participant

    Something like this which you can modify according to your needs http://wpsnipp.com/index.php/css/alternate-odd-even-post-class/


    Tutorials for StudioPress Themes.

    February 20, 2016 at 12:22 pm #179491
    jackirt
    Member

    Hi Brad,

    Thanks for your reply!

    I have both the masonry layout and even odd post styling, but I'm curious if there is a way I can implement an even/odd styling within the even odd posts?

    Ex: Odd Post 1 width is 90% with padding left 20px (odd), Odd Post 2 width is 70% with padding bottom 10px (even)
    I'm looking for a bit of a random look on the homepage, versus a consistent padding or size with the posts.

    (Hopefully this makes sense !)

    February 21, 2016 at 2:04 am #179526
    Brad Dalton
    Participant

    For the 1st page of the archive only? Yes, you can do this with custom code which would need to be written for your specific requirements.


    Tutorials for StudioPress Themes.

    February 21, 2016 at 12:36 pm #179558
    jackirt
    Member

    I'll look into that option, to see what I can achieve. Thanks Brad!

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