I have successfully removed the product image from a single WooComm product page, however, there is still a blank gap where the image used to display. I followed the advice of the article listed below, but the CSS code it provides doesn’t do the trick (at least not with Enfold.) I have tried it in both the child style.css and Quick CSS areas, but no luck.
I am using a child theme and everything is up to date… does anyone have a solution?
CSS Code: .woocommerce-page #content div.product div.summary { width:100%; }
Reference Used for CSS Fix
Hi breakpoint!
Add this to your custom CSS.
.single-product-main-image {
display: none;
}
Regards,
Elliott
Fixed it right as rain… thanks, Elliot!