WordPress.org

Ready to get started?Download WordPress

Forums

WP eCommerce
[resolved] Overlapping and Spacing Issues (6 posts)

  1. dana_lopez
    Member
    Posted 9 months ago #

    Hi,

    My client's website is 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/

  2. Edward
    Member
    Plugin Author

    Posted 9 months ago #

    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

    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

  3. dana_lopez
    Member
    Posted 9 months ago #

    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.

  4. Edward
    Member
    Plugin Author

    Posted 9 months ago #

    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

  5. dana_lopez
    Member
    Posted 9 months ago #

    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!!

  6. Edward
    Member
    Plugin Author

    Posted 9 months ago #

    You're welcome happy I could help.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.