Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #519408

    Having a brain cramp….

    I have two columns within a color section.

    On the left, I have a SINGLE WooCommerce product. I do NOT want that single product to take up the full width.

    On the right, I have another column with information in it.

    Currently, I have used a 3/5 and 2/5 column arrangement.

    For the left-hand product column — I have tried to use Woocommerce product shortcode, product slider, product grid.

    Only the Woo shortcode seems to be set up for SINGLE product. Others seem to be setup for 2 or more columns.

    Currently this setup looks strange…have huge white gutter/margin BETWEEN the two columns.

    I would like the Woocommerce product to be wider, but not sure how to achieve this. (But don’t want it full width!)

    The right-hand info column doesn’t have to actually MEET the left-hand WooCommerce product, but it just looks strange with the wide gutter currently there.

    So I would like to make the right column wider as well.

    Really, I just want it to look better and for the gutter to go away — without making the product column all skinny.

    Area I’m referring to is at:

    The two columns sit under the big blue color bar of “Nothing else to Purchase or Set up.”

    Thanks for dealing with brain-cramped people! Okay…person.


    Hi CharlieTh!

    Add this to a codeblock element in the page.

    <style type = "text/css">
    .shop_columns_2 .products .product {
        width: 100% !important;

    Best regards,


    You speed demon you! Exactly what I needed. Thanks.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Two columns (single WooCommerce product on left) – Make meet in the middle’ is closed to new replies.