Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 26, 2016 at 8:58 pm #572365
    breakpoint

    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

    Ask SellwithWP: How do I remove WooCommerce Product Images?

    • This topic was modified 8 years, 10 months ago by breakpoint.
    January 27, 2016 at 2:46 am #572509
    Elliott

    Hi breakpoint!

    Add this to your custom CSS.

    .single-product-main-image {
    display: none;
}

    Regards,
    Elliott

    February 3, 2016 at 4:05 am #576824
    breakpoint

    Fixed it right as rain… thanks, Elliot!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Enfold/WooCommerce Single Product Page CSS Question’ is closed to new replies.