Help required for two small CSS errors on my blog

Let’s deal with #1 first, as it’s the most serious. Your site loaded without the CSS for me.

In your code, I see this:

<link
rel='stylesheet' href='https://www.artbyherbie.com/wp-content/plugins/wp-minify/min/?f=wp-content/themes/child/style.css,wp-content/plugins/wp-e-commerce/wpsc-core/js/thickbox.css,wp-content/plugins/wp-e-commerce/wpsc-theme/wpsc-default.css,wp-content/plugins/wp-e-commerce/wpsc-theme/compatibility.css,wp-content/plugins/wp-e-commerce/wpsc-core/js/product_rater.css,wp-content/plugins/facebook-comments-for-wordpress/css/facebook-comments-widgets.css,wp-content/plugins/nextgen-gallery/css/nggallery.css,wp-content/plugins/nextgen-gallery/shutter/shutter-reloaded.css,wp-content/plugins/contact-form-7/styles.css,wp-content/plugins/download-monitor/page-addon/styles.css,wp-content/plugins/sociable/sociable.css,wp-content/plugins/tippy/dom_tooltip.css&m=1301833192' type='text/css' media='screen' />

I’m not familiar with what’s going on there, but that does not look like valid HTML to me. All your CSS links are being smushed together. Perhaps this is some valid way of linking multiple stylesheets, but I’ve never heard of it.

The first thing I would do is turn off your minification plug-in (wp-minify) and see if that helps get your stylesheets called in properly.

That markup is the result of wp-minify.

Issue #2 is almost certainly due the the Admin bar CSS. Might be worth checking that wp_footer() is being used in the theme’s footer.php.

That markup is the result of wp-minify.

Ah – thanks, esmi, I’d never seen that before.

@ zoonini thanks, the problems actually increased when i disabled wp-minify, now it seems like all my pages are not loading with the css, i have disabled wp-minify and supercache also until this is sorted, its the first time this has happened and my site looks awful!

@ esmi thanks, admin bar css? please can you elaborate. hat am i looking for specifically in footer.php?

please can you guys check again, i have included my style.css in the excuded section in wp-minify , cleared all caches on minify and my browsers and now it SEEMS fine.

Looks good to me!

In footer.php, make sure you have this line immediately before the closing </body> tag:

<?php wp_footer(); ?>

When you’re logged in, having that line of code in the right spot will allow the new admin bar to show up, a new feature in 3.1 – otherwise, you will get about a 30px gap, which was your second issue.

wow, zoonini, you’re ace! thank you, that worked great, i can see the new admin bar now. and the gap appears like it should.

i think i’m going to have to carry on testing my site on different computers, the CSS issue seems like its gone but i jut wanna make sure after changing the settings in wp minify.

lets just hope when i switch supercache back on it stays like it should!

thanks again!