Blog Page Is Not Formatting Correctly...

Hello,

I have been working on developing my site at http://www.twitspike.com. Things are coming together relatively well, but I'm getting caught up on a few details:

1) On my blog gallery page, it seems that the Showcase template may have something quirky going on. In this theme, it should have 3 posts go across the page. If you go to this page: http://www.twitspike.com/archives/category/twitspike-blog-2 , you will see that the first row of blogs has three blogs listed. The second row from the top, only has two blogs and then an empty space where the third blog post should be. Rows 3 and 4 are the same as row two and then the final row only shows one blog post. (You can also see screenshot below.)

I have modified the length of the posts, plugins, etc. but this same problem persists. I am looking to have three blog posts featured in each row so that the page looks consistent and professional.

2) Has anyone come across a plugin/method/code modifications for making each post have the same 'featured image'. As you can see on my page (link above), I'm just using the same image for each blog post, but updating each blog manually (for 300-400 blog posts) is going to be tedious and time-consuming.

Thanks for your time and help.
YoungMoney

  • Philip John
    • DEV MAN’s Apprentice

    Hiya!

    I see something slightly different on your site (see screenshot) but it's still the same issue.

    Do you have any plugins activated? If so, try disabling them one at a time to see if the problem is rectified.

    Also, what browser are you using?

    Thanks,
    Phil

  • Mr. Busy
    • Flash Drive

    Hello,

    I have deactivated all plugins and still the problem persists. Also, I have been using Mozilla Firefox and Internet Explorer (both updated recent versions). I haven't touched any of the theme files to modify the code. Am I correct in assuming that the page should have three columns in width and several rows so that the page looks uniform and professional? Does anyone have a working example of the template with three rows wide and several columns?

    This page was for a client and everything was going well until this happened. Does anyone (theme designers or users) have any suggestions?

    I really appreciate your help.
    YoungMoney

  • Tammie
    • WordPress Wizard

    If I am right from my testing the blog post isn't missing it's moved in the page. You see it falls to the next one due to height issues and variations in your excerpt lengths.

    It will be because your content excerpts are different height sizes. You have 2 options:

    1. CSS only option - work out the height of your content generally and put in:

    .boxs .entry-txt, .boxs .entry-content {
    margin: 5px 0px 0px 0px;
    font-size: 14px;
    color: #666;
    height: 200px;
    };

    That's an example height.

    2. In the code output add a clear every 4th value using a divide (%) by clause. I'd not recommend this you probably will find 1. should solve without coding solution.

    3. You fix the value / length of excerpt and do 1. - this probably isn't a good option for a client though.

  • Mr. Busy
    • Flash Drive

    I'll start with trying method #1... what file in my theme would I be using to modify the CSS (i.e. style.css)? Should I go into the theme and modify the current settings or is that code mentioned above something that I need to add because it is not currently mentioned in the code?

    With this being said, do I need to edit the blog posts at all (i.e. shorten them/ take out videos, etc.)?

    Thanks so much for your suggestions and I'll keep you posted.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.