wp_query showing 2 loops over each other [closed]

Question

http://sandbox.thekrazycouponlady.com/style/

See page, getting 2 loops over each other.

If I use this query, I only get one article and I need ten, paginated:

$query = new WP_Query( 'post_type=page' );

But when I use this:

global $wp_query;

query_posts( array(
'post_type' => 'style',
'showposts' => 10,
'paged' => $paged)
);

I get 2 loops overlaying each other.

I inherited this project from another developer that botched everything together, so I'm trying to fix all of the issues.

Any help would be appreciated.

Answer 1

If fixing the appearance is good enough for you, add this to the bottom of one of the stylesheets:

.image_container, a.big-link, h2 a, .FA_wrap p {
float:left;
display:block;
height:auto;
width:100%;
clear:both;
}

Answer 2

WOW! What a mess.

Where should I start? First thing I noticed is you have 317 Errors (HTML) LINK TO W3C Validation Page. This would be my first task if I were you. A good way to troubleshoot the errors is to get a good text-editor like Notepad++. Then copy all the theme files in order and past them into a single .html file using Notepad++. This will allow you to see where the div's are starting and stopping.

The second thing I noticed is that the site is set-up using tables not div's. I didn't think anyone still used tables for site layout.

To be truthful, I would ditch the layout completely. You'll spend more time fixing that mess that just creating the theme from scratch. You could start with a theme frame like WHITEBOARD, then just adjust the css to fit your theme.

I don't know your skill level as far as customizing WordPress themes, but if you can fix that mess, you should have the ability to customize Whiteboard, or one similar to look like the current theme. If you run into any issues you can post the questions here and I'm sure you'll find some help.