Dawn Theme - How to remove White Border in product page?

Hi,

I tried to search google, tried lots of codes/ways but couldn’t find out or codes didn’t work. How can i remove these white square borders from product page? It looks really annoying.

Thanks a lot in advance!
Regards,

Hi @iceyp ;

Try to paste this code at your base.css under the Asset folder.

.global-media-settings {
    border: none !important;
}

Hi @made4Uo

I pasted but it’s still the same, it didn’t work :confused: Do you know why this code doesn’t work or any other suggestions that i can try?

Best regards,

Hi @iceyp

Sorry to hear that. Can you provide your website so I can inspect?

I just found it!! But i don’t know where i can find this and change to 0. If i change 1 to 0, it works! Do you know where can i find? If needs, i can share the website too @made4Uo

I’m sure there will be Dawn theme users who suffer from this situation.
As a result of long efforts and hours of research, I could not find the exact information anywhere. And I finally found it by myself!

What you need to do;

  • Go to Edit code
  • Search productwiz-rio.liquid

There will be a code like this;

"border": {
"style": "solid",
"color": "rgba(255, 255, 255, 1)",
"thickness": 1,
"radius": 0
},
  • Change ‘’ Thickness ‘’ to 0 , that’s it!

I hope it helps to people who had trouble solving this issue!
Regards,

Btw, @made4Uo Thank you for your help and time at least!

Hi @iceyp ,

That is the main reason sometimes we ask for the website since people are using apps. productwiz-rio.liquid is not available for some people but thank you for sharing.