Overlapping and Spacing Issues

Have you changed your theme or added any styles? Possibly added a new plugin that has added some new CSS?

If not this may have always been there but not seen due to caching and the cache has finally expired and has revealed how it has looked all along.

This is what I’m seeing
https://dl.dropbox.com/u/151891/screenshots/2013-12-10_2152.png

It looks like the left widget column has shrunk down the space on the page

If you alter this css rule in file wpsc-default.css on line 189

.default_product_display .wpsc_variation_forms table td.col1, #content .default_product_display .wpsc_variation_forms table tr td.col1 {
	width:10%;
	text-align:left;
	margin:0;
	padding:2px;
}

change
width:10%;
to
width:100%

it will display the title above the menu instead.

alternatively you could simply add the following to your theme style sheet

.default_product_display .wpsc_variation_forms table td.col1, #content .default_product_display .wpsc_variation_forms table tr td.col1 {
	width:100%!IMPORTANT;
}

Just keep in mind you may lose this if you change or upgrade your theme.

Regards
Edward

Hi Edward,

Thanks for the info!! The drop down overlapping the words has always been there since the start. I changed the 10% to 100% and it works perfectly now.

What hasn’t been there since the start is the large amount of space between the variation drop down, the quantity area, the price and the buy button. Now that you mention it, I did upgrade the theme and I believe that’s when the extra space appeared. Prior to that they were all close together and looked great. Is there a way to remove that extra space?

Thanks.

It appears there is markup in your template that is producing P and BR tags around html comments. I have seen this here and there and I’m unsure why it happens.

What I suggest you do is open the store template file that should be the single product template and remove all of the html comments these are the lines that look like the following

<!-- some text in the middle -->

This should help fix your problem

Hi Edward,

Awesome. I tried removing the comments in wpsc-single_product.php but that did nothing. Since these are the product pages though, I removed them from wpsc-products_page.php and it worked!! The spacing is back to normal.

Thanks so much for all your help!!

You’re welcome happy I could help.