Modify the image of the Collection section without impacting complementary product block

Hi, I added yesterday this code to my website:

.card .card__inner {
  /* You can change this value to make the image bigger */
  max-width: 25% !important;;
}

To make the product image cards of the complementary product block bigger, however it also changed the images of the products within the collection section. Does anyone know a way I can center the image and make it bigger in the collection section without impacting the images from the complemantary product block ? Thank you for your help. Best regards,

Store URL: https://inkly.fr/?key=9872d3f9a187a64bd0dc6e240093d0c8cf40381b4337eeb606cce11bc7f242f6&preview_theme_id=

Complementary Product Block:

Collection Sections:

Hey @INKLY

It’s a simple fix. By prepending the class of the complementary products, we can target only the card classes within it, leaving the cards on the collections pages untouched. Hope this helps! :slightly_smiling_face:

If you found my solution helpful, please consider giving it a like and marking it as the accepted solution!

.complementary-products__container .card .card__inner {
	max-width: 25% !important;
}

Thank you very much for your help !

Pas de soucis! Passez une bonne journee :slightly_smiling_face: