Product card Background Image full width

[Juanchila0]

Hi,

I would like the photos of the products cards to be seen in full width and that the background of another color is not seen. can you help me I attach photo.

 

[suyash1]

@Juanchila0 Can you please share this page link?

[Juanchila0]

purasmile.it

[suyash1]

@Juanchila0 please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.card--standard .card__media {
    margin: 0 !important;
    width: 100% !important;
    border-radius: var(--border-radius) !important;
}

[Juanchila0]

Thanks it worked.

I have the same issue in the product grid:

[suyash1 · Accepted solution]

@Juanchila0 - add this 

.card .card__inner .card__media {
    margin: 0 !important;
    width: 100% !important;
    border-radius: var(--border-radius) !important;
}