[resolved] Blog Post Thumbnails Not Aligning Correctly (4 posts)

  1. Peter
    Posted 3 years ago #

    Hi, I wrapped a div tag (.blog-category) around the posts loop for my category page so that I could target the following CSS to my category posts page:

    .blog-category .article {display:inline-block;width:142px;padding-right:10px}
    .blog-category .article img {width:142px;height:142px;}
    .blog-category .article-title {position:absolute;width:142px !important;font-size:12px;text-align:center;margin-top:142px;}
    .article .entry-utility, .blog-category .article p {display:none;}

    Everything looks good until there are more posts than will show on one page. Then the thumbnails are aligning to the left - I tried adding float:none !important; but that didn't help.

    Here's a link to the problem

    And here's what a page looks like with no pagination (all posts fit on one page). This is how the above, problem page should look. How can I fix this? Thanks in advance for your help!

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Why would you remove the float left if you want elements floated left?

  3. Peter
    Posted 3 years ago #

    Lol...wow. I can't believe that. Thanks for pointing out the obvious Andrew. Fixed.

  4. Peter
    Posted 3 years ago #

    Marking as resolved.

Topic Closed

This topic has been closed to new replies.

About this Topic