How can I modify the border radius and color on my cart page?

Store Design
1

Hi there!

I have the following questions regarding the cart page:

  1. How do I change the product photo border radius?

  2. How do I change the SELECTED quantity selector border radius?

  3. How do I change the SELECTED quantity selector color?

cart.jpg
cart.jpg1170×2532 148 KB

cart2.PNG
cart2.PNG1170×2532 178 KB

pinsowl.com (Motion theme)

2

Hi,

To change the art image radius & button color, please add the code below to assets/theme.css file.

/* Cart Image Radius */
.cart__item--image.aos-init.aos-animate>a.image-wrap>img.lazyautosizes.lazyloaded {
    border-radius: 10px;
}
/* Cart Minus Button Radius & Color */
button.js-qty__adjust.js-qty__adjust--minus {
    border-radius: 50% 0 0 50%;
	background: #ffdddd;
}
/* Cart Plus Button Radius & Color */
button.js-qty__adjust.js-qty__adjust--plus {
    border-radius: 0 50% 50% 0;
	background: #ffdddd;
}

Please change the amount of the radius per your needs.

Hope it helps.

Thanks.

1 Like