Solved

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

yokataj
Tourist
5 0 2

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.

 

Screenshot 2022-05-31 at 23.36.53.png

 

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.

 

Screenshot 2022-05-31 at 23.38.29.png

 

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!

Accepted Solutions (2)

Mgroup
Shopify Partner
38 7 11

This is an 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? 

 

Screenshot 2022-06-01 at 10.53.11.png

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. 

Screenshot 2022-06-01 at 11.25.52.png

 

Thanks,
Mgroup Development

View solution in original post

Mgroup
Shopify Partner
38 7 11

This is an 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.

Thanks,
Mgroup Development

View solution in original post

Replies 5 (5)

Mgroup
Shopify Partner
38 7 11

This is an 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? 

 

Screenshot 2022-06-01 at 10.53.11.png

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. 

Screenshot 2022-06-01 at 11.25.52.png

 

Thanks,
Mgroup Development
yokataj
Tourist
5 0 2

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
Shopify Partner
38 7 11

This is an 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.

Thanks,
Mgroup Development
yokataj
Tourist
5 0 2

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

designbymeg
Shopify Partner
20 0 3

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

Screen Shot 2022-12-01 at 5.05.49 pm.png