How do I remove fields in my product grid with CSS?

Would you like to remove fields in your product grid using CSS? Insert the following CSS inside one of your active CSS files:


For Product Titles

#productGrid .title {
    display: none !important;
}

For Prices

#productGrid .price {
    display: none !important;
}

For Sale Prices

#productGrid .price {
    display: none !important;
}

For Add to Cart Buttons

#productGrid .addToCartBtnNoImg {
    display: none !important;
}

For Detail Buttons Buttons

#productGrid .detailBtnNoImg {
    display: none !important;
}

For Reviews

#productGrid .description img {
    display: none !important;
}

Search or Browse all topics