Grow your CSS skills. Land your dream job.

Can anyone help me figure out how to move (and style) some meta data? (Please) :)

  • # September 7, 2012 at 8:33 pm

    I would like to move to meta tag to the top of the post (where ever it looks best, maybe under the title?) and also style it a little bit. Maybe put it inside of a fun colored circle. I’d also like to move the author and date to the bottom of the post.

    Just a little fyi, we are creating an online narrative via one minute, daily videos about our son (who was born with Down syndrome.) I use the meta tag to display his age so pople can know how old he is when they view that post. So I want to move the tag up top, and style it, so that it’s much more obvious to people.

    Here is a link toa sample post: Need help moving (and styling) meta data in WordPress theme.

    http://noahsdad.com/best-push-toy-walker/

    I really appreciate any help you can provide on this.

    Thanks so much!

    # September 7, 2012 at 8:39 pm

    Can you post your meta.php? And I also don’t see where it displays your son’s age.

    # September 7, 2012 at 9:08 pm

    Hey Chris, thanks so much for your reply. I totally forget to put it on that post. Updating now. :)

    But here’s a link where you can see it. http://noahsdad.com/drinking-from-straw-cup/

    # September 8, 2012 at 7:58 am

    @ricksmith Are you talking about the tag that says “13 months old”? If so, I would need your meta.php file paste here in the forums, as well as the index.php

    # September 9, 2012 at 5:10 pm

    Hey Chris, heres a link to my personal site. It looks like I’ve got it to move to the top, but can’t seem to get it to be styled correctly. I’m wanting to make the tag be in a styled circle or something (if that makes sense.)

    Here’s the CSS I’m trying to use:

    .post-meta .the-tags {
    background-color:blue;
    border-radius: 50%;
    display:inline-block;
    height:100px;
    line-height:100px;
    width:100px;
    }

    And here is the link. http://rickwsmith.com/blog/noahs-dad-twitter/

    Thoughts?

    # September 12, 2012 at 11:27 am

    Bump

    # September 12, 2012 at 11:38 am

    @ricksmith Rick, instead of bumping, please provide the file that I’ve asked for twice.

    Update: Try this
    `.post-header-meta .the-tags { background-color:blue; border-radius: 50%; display:inline-block; height:100px; line-height:100px; width:100px; }`

    # September 17, 2012 at 10:24 pm

    Hey Chris, I tried what you suggested. Here it is: http://rickwsmith.com/blog/noahs-dad-twitter/

    Also, I didn’t think you think you needed the meta.php file any more since I was able to move the info to the top, which is I just added the css I was using. Do you still need that file? If so I’ll post it. If not, any thoughts on how to make this look pretty? Thanks. :)

    # September 18, 2012 at 12:18 am

    @ricksmith Can you upload an image essentially showing how you want it to look.

    I noticed after that you were able to move it to the top. I no longer need that file.

    # September 18, 2012 at 3:49 pm

    Thanks for your help Christopher,

    I guess I need to look around and try to find what I’m thinking in my mind. If you have any suggestions on how to style it so it looks good I’m all ears. Right now it’s sort of strange looking, agree? I want to have that sort of faded blue look with the tag in the middle and mabybe on different lines like:

    3
    months
    old

    or something like that. Not sure if that makes sense or not. :)

    # September 19, 2012 at 1:02 am

    That’s didn’t really format correctly . Ha,ha.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".