WordPress.org

Forums

WooCommerce - excelling eCommerce
Product Page Alignment Off | Twenty Ten theme (8 posts)

  1. rabbitshavefangs
    Member
    Posted 1 year ago #

    First off, thank you for the excellent plug-in! It works great!

    I have one issue:

    On my product pages the product images align top hard left while the title and text align hard right starting AFTER the image.

    This leaves a huge white area to the right of the images, then an even bigger white area to the left of the text and all the way down the page. the text is all jammed over to the right.

    EXAMPLE: http://adventureaweek.com/shop/to-walk-the-dark-road/

    I'm using the standard Twenty Ten theme so am baffled as Woocommerce claims full compatibility with this theme.

    Can you please provide me with some assistance on this?

    http://wordpress.org/plugins/woocommerce/

  2. Roy Ho
    Member
    Posted 1 year ago #

    Compatibility means in function and not necessarily styling. Because there is no telling how you setup your content for WC to accommodate every type of situations. Looking at your site, you just need to adjust the CSS in terms of the left and right side containers.

    Also if you're going to be using a default theme, I would recommend 2012 instead of 2010.

  3. rabbitshavefangs
    Member
    Posted 1 year ago #

    What code do I need to add?

    Which CSS file? Twenty Ten style.css?

    Or are you referring to the Woocommerce css? (Which is one giant blog of a mess even using Wordwrap).

    Thanks a lot for your help! :D

  4. Roy Ho
    Member
    Posted 1 year ago #

    Add something like this at the end of your theme style.css

    .product .entry-summary { clear:none; }

    If that is doesn't work "not specific enough", then use this:

    .product .entry-summary { clear:none !important; }
  5. rabbitshavefangs
    Member
    Posted 1 year ago #

    YOU ROCK! THANKS!

    ps- Would be cool to have the text "wrap" after it clears the image, but I'll settle for this any day!

  6. maenzaed
    Member
    Posted 1 year ago #

    Thanks so much. Had the same problem, found so many "solutions" that were not working for Twenty Ten and this simple line just solved it. You DO rock!

  7. Cassiehk
    Member
    Posted 10 months ago #

    Hi Guys. I seem to be having the same problem, when i updated woocommerce, my single product image became huge and pushed all my text below. I fixed the image, but the bounding box(whatever it's call) stayed the same & still there. Leaving a white gap next to my smaller image. When I move my mouse over the white area it shows the images description. It also affected my shop page images.

    Here is my Website: Nuleaf Tea Co.

    How did you fix it? I entered the above code, but maybe i entered it in wrong. Can you give me the before & after code to?

  8. gasura
    Member
    Posted 10 months ago #

    I can't seem to fix the problem too even after inserting the codes.. Please see here: https://gorgeoushides.com.au/shop/black-white-10-xl/

    I'm at my wits end. Can anyone please advise what to do? Cheers.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic