How can I remove the product image frame in the Dawn theme?

[yokataj]

Hi! Someone please help me with the following..

I've been struggling to remove the product image frame in my Dawn theme store. You can see it here: https://decalsanddaydreams.com/collections/all. There is a thin gray line around every product image (see screenshot below). I've read all the previous threads like this and tried to fix the code but no luck.

Additionally my efforts caused some changes in product variation selection field. It used to look like black buttons with white text. But now it is just text with no background which makes it not visible enough. And the option you select is not visible at all (I suppose text turns white). Gosh I dont even know how to go back to what it was.

Please advice how to fix these 2 issues or at least go back to what it was. The changes were made few weeks ago. Thank you so much!

[Mgroup · Accepted solution]

Hello,

Sorry to hear you faced with this kind of issue.

I hope I will help to fix it.

1.Solution for your 1st problem with border. you may find bellow:

Open "edit code" for your theme -> find file "base.css" -> paste code bellow in the end

.collection .card-wrapper .card.card--outline {
    border: none !important;
}

2.And about buttons. Do you want to go back to what it was like on screenshot bellow? 

Or you want to change color of active variant which you have now? ( You are right, currently it is white).I made a screenshot with red active variant. 

[Mgroup · Accepted solution]

Hello,

Sorry to hear you faced with this kind of issue.

I hope I will help to fix it.

1.Solution for your 1st problem with border. you may find bellow:

Open "edit code" for your theme -> find file "base.css" -> paste code bellow in the end

.collection .card-wrapper .card.card--outline {
    border: none !important;
}

2.And about buttons. Do you want to go back to what it was like on screenshot bellow? 

Or you want to change color of active variant which you have now? ( You are right, currently it is white).I made a screenshot with red active variant. 

[yokataj]

Omg thank you so so much! For the buttons yes, I would like to go back to first screenshot aka black buttons on selection. I appreciate your help a LOT! 

[Mgroup · Accepted solution]

Hello,

Sorry for late reply.

You can back your buttons if you add next code in the end to file "base.css".

body .product .grid__item{
    --color-foreground: var(--color-base-text) !important;
}

It should help. If something go wrong - inform me, please.

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

[yokataj]

Fantastic! You're the BEST!!! Thank you so so much!

[designbymeg]

Hi @Mgroup 
I am also experiencing this light grey bounding box around a png, but on one of my pages instead. 

Could you please let me know what the code would need to be adjusting to to change it for the page? (see screenshot)

Thank you!

- Meg