• 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

Styling Post metadata

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

This topic is: not resolved

Tagged: meta data, post

  • This topic has 5 replies, 3 voices, and was last updated 9 years, 8 months ago by lisaleague.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 12, 2013 at 3:53 am #50339
    westerdaled
    Member

    Hi

    I have noticed a lot of bloggers style their post meta data such post date which appear in coloured box to the left of the post - Metro will look really good with this I think. Now I am sure I have seen post on this in the old forum unless this has been updated here.

    Any pointers please

    July 12, 2013 at 5:00 am #50342
    Brad Dalton
    Participant

    Here's the code to customize the post info http://my.studiopress.com/snippets/post-info/

    Post meta relates to the category and tagged links after post content.,


    Tutorials for StudioPress Themes.

    July 12, 2013 at 1:38 pm #50422
    westerdaled
    Member

    Hi brad,

    Thanks for that as the post made things a lot clearer .. I have done a bit of futher research and I think I need to have descendant classes to style the day, month and year... so starting with this

    
    
    .post-info {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 0 0 5px;
    }
    .post-info .day, .post-info .month {
    	font-size: 10px;
    }
    .post-info .year {
    	font-size: 8px;
    }
     
    

    Daniel

    July 14, 2013 at 11:53 am #50650
    lisaleague
    Member

    Hi @braddalton on a similar note - how do you get the date "updated" on your blog?

    July 14, 2013 at 1:05 pm #50657
    Brad Dalton
    Participant

    This is the code i used Lisa.

    It uses the new Genesis 2.0 HTML 5 loop hooks.

    https://gist.github.com/braddalton/5995392


    Tutorials for StudioPress Themes.

    July 14, 2013 at 4:54 pm #50695
    lisaleague
    Member

    Thanks Brad,

    Uh oh, I had not planned on updating my theme to HTML5.

    I'll have to translate to the old hooks. Or fiddle around on a dev site and put into action in November after my members session is finished.

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