[newskywebsitesParticipant]

Hi there,

Please see attached screenshot. I’d like to removed the product images and the image box from appearing on the cart page of a customer’s website. I tried this CSS from the forum and added my page id, but it did not do the trick:

.page-id-9650 .entry-featured.mtn {
display: none; /*will remove image from cart page */
}

URL:
http://newsite.benfranklincraftswi.com/cart/

Uses WP 4.7 and latest version of X, child theme and Cornerstone. All plugins are updated.

Thanks!
Dawn

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.woocommerce-cart td.product-thumbnail {
    display: none;
}
@media (max-width: 767px){
    .woocommerce .cart.shop_table .product-name {
        display: block !important;
    }
}

Hope it helps 🙂

[newskywebsitesParticipant]

Thank you! That worked!

[ThaiModerator]

You’re most welcome 🙂

If you need anything else please let us know.

[newskywebsitesParticipant]

Hello, please read the string of posts related to this topic. I just realized that now that the images are gone from the Cart page, the headings don’t line up with the Product, Price, Quantity and Total. Is there a fix for this? Please see screenshot.

URL: http://newsite.benfranklincraftswi.com/ (http://newsite.benfranklincraftswi.com/cart/)

Using WP 4.7.1 and latest versions of X, Cornerstone, all plugins, etc. Child theme.

Thank you!!
Dawn

[JadeModerator]

Hi Dawn,

I checked your site but I can’t seem to find the shop page so I could add a product to the cart.

Would you mind providing the link to the products page so that we could check it.

Thank you.

[newskywebsitesParticipant]

I’m sorry, Woo is integrated with the calendar plugin so you need to choose an event from the calendar, then add that to the cart and go to checkout to see this issue… There isn’t a typical live “shop” page.

Here is a video to show you how to add a class to the cart:
http://screencast-o-matic.com/watch/cbVlbAQppE

I hope that helps!
Thanks!
dawn

[newskywebsitesParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! Do you want something like this?

If that is the case, please follow this steps:
#1] Please remove this css code block:

.woocommerce-cart td.product-thumbnail {
    display: none;
}

#2] And then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce-cart td.product-thumbnail img{
    visibility: hidden;
}

tr.cart_item td {
    vertical-align: top;
}

Hope this helps. Please let us know how it goes.

[newskywebsitesParticipant]

I think that will be enough to make the customer happy. Thank you so much for this extra special help!!
Dawn

[NicoModerator]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts