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

[ricksmith]

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!

[chrisburton]

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

[ricksmith]

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/

[chrisburton]

@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

[ricksmith]

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?

[ricksmith]

Bump

[chrisburton]

@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; }`

[ricksmith]

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. :)

[chrisburton]

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

[ricksmith]

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. :)

[ricksmith]

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

[Author]

Posts