How do I change border color of image in Taste theme?

Store Design
, ,
1

Hi I’m using Taste theme, I’m trying to turn off the color borders around my images. How can I do that? there brown borders around my images. Currently as see below there brown borders around the images

Screen Shot 2023-05-03 at 9.46.03 PM.png
Screen Shot 2023-05-03 at 9.46.03 PM.png1047×684 272 KB

1 Like
2

Hello @hoawong ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to theme.liquid file → add this following code to the bottom of page:
.product-single__media-wrapper img {
   border: none;
}
  • Save and preview

Hope this can help you out.

Ali Reviews team.

3

Hi @hoawong ,

Please follow the instructions below to remove the border.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
.product__media-item .product-media-container {
    border: none;
}
4

Hello @hoawong

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.global-media-settings {
    border: none !important;
}
button.thumbnail.global-media-settings.global-media-settings--no-shadow {
    border: none !important;
}
1 Like
5

Thank you! I will try it