How to reduce the spacing between the product image and its summary in single pr

Please post the url to a product page so the markup can be examined with browser tools.

@lorro Hi. Thanks for responding.

Unfortunately, it is local at present so I cannot furnish a URL.

the localhost url if it helps:

https://localhost/~developer/wordpress/?product=product

The localhost url won’t work for me.

I think it will be difficult to help you without being able to examine the page in a browser.

Can you put up the site in some temporary location. The url doesn’t matter for this issue. Alternatively, come back to this thread after you go live.

I’m planning to go live in near future. Thanks anyways.

Well, I found the solution. That was incredibly easy, too.

I only had to tamper with the width percentage and add the following to my theme’s style.css:

[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: left;
    width: 72%;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: right;
    width: 24%;
}

As for the floats above, I should say, I preferred the product image to appear on the right and the descrition or summary on the left with some space between the two. The above code snippets did it!