WordPress.org

Forums

WooCommerce Left Margin - Shop & Product Pages (7 posts)

  1. cgiblin
    Member
    Posted 1 year ago #

    I'm trying to move the products off the edge of the container designated in my theme.

    http://www.nantucketsinksusa.com

    The product pages have the products and titles parked right up against the edge of the center container.

    The theme is Colorway, I'm using an older version of Woocommerce because when I built it I coded some changes into the woocommerce files rather than overriding them in my theme, so I have avoided updating.

    I am at a loss as to where in the woocommerce.css file the margin spacing is.

  2. shredpress
    Member
    Posted 10 months ago #

    Hello cgiblin,
    I am having the same problem of my products butting up against the container wall on the left.
    Could you tell me (or ANYONE) how to correct this please.
    The site is Skate Rider Skateboard Organization

    Thank you
    Shredpress

  3. subcutanea
    Member
    Posted 7 months ago #

    Did either of you ever get this problem solved? Same issue here...
    http://www.byronbaywoodentoys.com.au/?orderby=price&post_type=product

  4. Nikhil Chavan
    Member
    Posted 7 months ago #

    @subcutanea - this should fix your issue - put this in your CSS file.

    div#container {
    margin: 0 auto;
    max-width: 990px;
    padding: 60px 0;
    position: relative;
    width: 100%;
    }
    .woocommerce-page #sidebar {
    float: left;
    }
    #content {
    float: left;
    margin: 40px 20px 40px 0 !important;
    width: 680px !important;
    }
  5. Nikhil Chavan
    Member
    Posted 7 months ago #

    @shredpress - here you go, put this in your CSS file,

    div#container {
        width: 100%;
        height: auto;
    }
    div#content {
        width: 68%;
        float: left;
        padding: 4rem;
        box-sizing: border-box;
    }

    EDIT - didn't notice your question is 2 month old.

  6. Nikhil Chavan
    Member
    Posted 7 months ago #

    @cgiblin your problem seems to be fixed already!

    EDIT - didn't notice your question is 8 months old.

  7. complicatedtotally718
    Member
    Posted 6 months ago #

    @nikschavan your solution worked in moving my product page over from being butted up against the left but now the bottom footer is coming up to cover the products like so:

    http://fedfull.com/?post_type=product

    any suggestions ?

Topic Closed

This topic has been closed to new replies.

About this Topic