How can I remove the border from my product page size guide image?

Store Design
, ,
1

Hi,

When you click on th size guide on the product page, there is a border around the image.

Does anyone have a code to remove this border?

Password - GeffDoe

2

Hi @abalves97 ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

.product .product__accordion.accordion {
 border: none!important;
}

David_SHT_0-1693477372610.png
David_SHT_0-1693477372610.png1692×1360 136 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Hi @abalves97

Please follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Please find theme.liquid file
  4. Add the following code above tag

dbuglab_0-1693477401333.png
dbuglab_0-1693477401333.png1292×422 89.9 KB

4

Hi,

You can add this code to your theme style file it will remove the border

.accordion__content img {border: solid 0 transparent;}

5

How can I help you?

6

Hi,

I separated my products using two different templates and now the border is back.

Can you help me with this and remove the border again?