Title: Overlapping and Spacing Issues
Last modified: August 21, 2016

---

# Overlapping and Spacing Issues

 *  Resolved [dana_lopez](https://wordpress.org/support/users/dana_lopez/)
 * (@dana_lopez)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/)
 * Hi,
 * My client’s website is [http://www.rewraponline.com](http://www.rewraponline.com).
   On any of the product pages the variation drop downs cut off the variation name
   on the left. Also, there is a lot of spacing in between the Product Options, 
   Quantity and Price. This just started happening and wasn’t like that a couple
   of days ago. They were all together and looked a lot better.
 * Any fixes for these issues?
 * Thanks!!
 * [http://wordpress.org/plugins/wp-e-commerce/](http://wordpress.org/plugins/wp-e-commerce/)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Edward](https://wordpress.org/support/users/edwardinstinct/)
 * (@edwardinstinct)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399474)
 * 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
    [http://dl.dropbox.com/u/151891/screenshots/2013-12-10_2152.png](http://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
 *  Thread Starter [dana_lopez](https://wordpress.org/support/users/dana_lopez/)
 * (@dana_lopez)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399540)
 * 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.
 *  [Edward](https://wordpress.org/support/users/edwardinstinct/)
 * (@edwardinstinct)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399568)
 * 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
 *  Thread Starter [dana_lopez](https://wordpress.org/support/users/dana_lopez/)
 * (@dana_lopez)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399572)
 * 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!!
 *  [Edward](https://wordpress.org/support/users/edwardinstinct/)
 * (@edwardinstinct)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399577)
 * You’re welcome happy I could help.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Overlapping and Spacing Issues’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-e-commerce_ebebeb.svg)
 * [WP eCommerce](https://wordpress.org/plugins/wp-e-commerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-e-commerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-e-commerce/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-e-commerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-e-commerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-e-commerce/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Edward](https://wordpress.org/support/users/edwardinstinct/)
 * Last activity: [12 years, 6 months ago](https://wordpress.org/support/topic/overlapping-and-spacing-issues/#post-4399577)
 * Status: resolved