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 9 months, 1 week 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 9 months, 1 week ago by  westerdaled.
    • This topic was modified 9 months, 1 week ago by  westerdaled.
    #50342

    braddalton
    Participant
    Post count: 7458

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


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #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 9 months, 1 week ago by  westerdaled.
    • This reply was modified 9 months, 1 week ago by  westerdaled.
    • This reply was modified 9 months, 1 week ago by  westerdaled.
    • This reply was modified 9 months, 1 week ago by  westerdaled.
    #50650

    lisaleague
    Participant
    Post count: 22

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

    #50657

    braddalton
    Participant
    Post count: 7458

    This is the code i used Lisa.

    It uses the new Genesis 2.0 HTML 5 loop hooks.

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


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #50695

    lisaleague
    Participant
    Post count: 22

    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.