How can I alter the border radius and color of a selected product photo?

Store Design
1

How do I change the ‘‘selected’’ line border radius and color?

fem1.jpeg
fem1.jpeg1170×2532 191 KB

1 Like
2

Hi @blcksjfds

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.

NOTE: Change the color red to color of choice

a.product__thumb-item a.is-active:before, a.product__thumb-item a:focus:before {
    box-shadow: inset 0 0 0 2px red;
}
1 Like
3

hi, this didn’t work

4

Hi @blcksjfds ,

Sorry about that. Try this code instead

a.product__thumb.js-no-transition.is-active::before {
    box-shadow: inset 0 0 0 2px red;
}
5

doesn’t work as well :disappointed_face: