Styling Post metadata

Community Forums Forums Design Tips and Tricks Styling Post metadata

This topic is: not resolved

Tagged: ,

This topic contains 5 replies, has 3 voices, and was last updated by  lisaleague 1 year, 1 month ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #50339

    westerdaled
    Participant
    Post count: 38

    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

    • This topic was modified 1 year, 1 month ago by  westerdaled.
    • This topic was modified 1 year, 1 month ago by  westerdaled.
    #50342

    braddalton
    Participant
    Post count: 9212

    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.,


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #50422

    westerdaled
    Participant
    Post count: 38

    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

    • This reply was modified 1 year, 1 month ago by  westerdaled.
    • This reply was modified 1 year, 1 month ago by  westerdaled.
    • This reply was modified 1 year, 1 month ago by  westerdaled.
    • This reply was modified 1 year, 1 month ago by  westerdaled.
    #50650

    lisaleague
    Participant
    Post count: 32

    Hi @braddalton on a similar note – how do you get the date “updated” on your blog?

    #50657

    braddalton
    Participant
    Post count: 9212

    This is the code i used Lisa.

    It uses the new Genesis 2.0 HTML 5 loop hooks.

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


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #50695

    lisaleague
    Participant
    Post count: 32

    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.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.