CSS problems with post-meta-data

  • riacale

    (@riacale)


    12 years, 11 months ago

    Hi Folks,

    I’m on WP 3.1.2 and using the single column Wu-Wei theme. This is happening to the meta data section of posts with lots of tags: http://screencast.com/t/9iLvzVc7ZVxh

    I’m wondering if there is a fix for this on the CSS? I know I can increase the padding but it does it on all the posts. I’m looking for a way to get the categories area pushed down if there are more tags, instead of overlapping with each other.

    The current values on the CSS for that element are:

    .post-meta-data {
position: relative;
margin: 0 0 0 10em;
height: 100%;
padding: 0.333em 0;
border-top: 1px solid #D1D9DC;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    12 years, 11 months ago

    A screenshot is of no use. What might help is a link to a page demonstrating the problem and a reasonably detailed description of the issue.

    Thread Starter riacale

    (@riacale)

    12 years, 11 months ago

    Here’s a link to the post where the screenshot was taken:

    http://scrapingthefringe.org/2011/05/22/a-first-and-a-last/

    I don’t know how much more detail I can give besides the one I mentioned in the previous post. Just to restate the problem, the main issue is that if there are lots of tags, the area for them in the post overlaps with category area.

    What I’m wondering is if there is a way to fix that (CSS or otherwise) without increasing the padding on all posts. What I’m looking for is some way to have that tags area in the post just push down the category area instead of overlapping.

    Thanks for any suggestions!

    esmi

    (@esmi)

    12 years, 11 months ago

    Try changing padding: 0.333em 0; to padding: 1em 0;

    Thread Starter riacale

    (@riacale)

    12 years, 11 months ago

    I’ve tried that but the unintended consequence is that it happens on all the posts, regardless of how many tags there are.

    I’m wondering if there is way to set the tags area so it automatically adds padding when there are more than 1 line of tags. If not, c’est la vie.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS problems with post-meta-data’ is closed to new replies.