Solved

Removing product image border in Dawn theme

vapormercury
Tourist
7 0 0

Removing product image border in Dawn themeScreen Shot 2021-10-05 at 01.51.21.png

As you can see that the image have a side border with gray accent, how to remove it?

 

Thanks

Accepted Solution (1)
JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Hi @vapormercury 

Have you got an app that disables right-clicking? If yes this needs to be turned off so we can access the code and check this.

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 25 (25)

JHKCreate
Shopify Expert
3571 639 916

Hi @vapormercury 

Would you mind sharing your store's URL so we can provide the code for that? Thanks!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vapormercury
Tourist
7 0 0

Hi its 

http://ginseng-strip.myshopify.com

 

PASS: REMOVINGBORDER

JHKCreate
Shopify Expert
3571 639 916

This is an accepted solution.

Hi @vapormercury 

Have you got an app that disables right-clicking? If yes this needs to be turned off so we can access the code and check this.

Cheers!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
vapormercury
Tourist
7 0 0

Yes, I've disabled it. 

Thank you

vapormercury
Tourist
7 0 0

Nevermind found it on the theme page. thanks!

FrogtownSupply
Visitor
1 0 0

Can you please advise on where you found it? I've been able to turn off image borders on colleciton pages but can't seem to find it on the product page. 

vapormercury
Tourist
7 0 0

Same, just seen it on product page. can anyone help us out?

 

Thanks

iconicmoments
Visitor
1 0 0

Hi there,

Can you please share how you did this?

Would love some help here please!

JHKCreate
Shopify Expert
3571 639 916

Hi @vapormercury & @iconicmoments 

Add the following code to your component-card.css file:

.card.card--product.card--outline {
    border: none;
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
aiteallco
New Member
4 0 0

Howdy - I cannot seem to get this code to work I'm afraid! The border still remains - can you please provide any further guidance? 

Zworthkey
Shopify Partner
5581 642 1565

@aiteallco 
Kindly share  your store URL and store password so,
I can solve it perfectly.
Thank You.

aiteallco
New Member
4 0 0

Thanks - aiteall.com.au and ahtroh

Zworthkey
Shopify Partner
5581 642 1565

@aiteallco 
Can you give me a screenshot so,
I can understand which image border you want to remove.
Thank You.

aiteallco
New Member
4 0 0

Hi - any luck with a potential solution on this front?

BaileyPaserk
Shopify Partner
92 7 22

That code seems to be accessing the theme colors, which I found a way to cancel it out. 

 

You can probably call that product image a different way but this still worked for me on dawn. I added it to the section-main-product.css

 

.product .grid__item {
--color-foreground: none!important;
}

 

MyLUCA
Excursionist
18 0 5

Any other way to do it?

@BaileyPaserk solution actually works, yet it also eliminates the border of my drop down menues.

AT17
Visitor
1 0 10

Go to Customize Theme -> Theme Settings -> Media -> Border from 1px to 0px Thickness

Mimi4Ever21
Visitor
1 0 1

This was the only solution that worked for me as of May 2023 using the Dawn 2.0 theme! Thank you so very much!

 

Ox6d
Excursionist
18 1 6

@MyLUCA  did you manage to use the trick and also make your menu borders appear?

Ox6d
Excursionist
18 1 6

@BaileyPaserk  this solution works perfectly! thanks a lot 🙂 !

BaileyPaserk
Shopify Partner
92 7 22

There is an updated solution, some people have mentioned. You can now go to the theme settings and change border thickness to 0 without going into the code. 

PrettyYoungMogu
Tourist
8 0 4

Yes! I just did it. Thank you.

 

Theme

> Content containers

Media

Border > Thickness 0px

 

Screen Shot 2023-08-21 at 12.41.58 AM.png

 

 

nakulrawal
Tourist
7 0 1

thanx buddy ❤️

banned

Denishamakwana
Shopify Partner
1408 173 231

welcome to shopify community.

please share your store URL and if your store is password protected then please give password too.

Thank you .

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

OptegoVision
Excursionist
21 0 17

I am new to Shopify, was having this same issue.  Tried changing the css in several different places according to topics I found here, but finally found it under by customizing the theme and going to Image with Text and then Theme Options.  Changed both thickness settings to 0.