1 reply [Last post]
samanthagreen
samanthagreen's picture
Offline
newbie
Last seen: 2 years 17 min ago
Timezone: GMT+1
Joined: 2017-08-24
Posts: 1
Points: 2

Hi,

Im looking at removing an image from templated page using a piece of CSS but cant seen to figure out what CSS to use.

The page is https://magnetstore.co.uk/cart/

and i want to remove the large product image covering the main view of the page

Limited experience and a digital marketing manager.

I found a post using the following code

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

but this will remove the thumbnail at the bottom and I cant figure out how to change this to the large image

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 16 hours ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9742
Points: 3821

Unable to replicate

There is no large image (when I add a magnet to the cart). There is this text on the cart page:

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

That implies that you added the "fix" to your html instead of to the proper css file.

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.