How can I remove divider lines and add photo borders in my pages?

[LorenWitney]

I have seen that you were able to help other and I am wondering if you can please help me?

I am tirelessly going through community posts trying to add the codes given by others but nothing is working.

I am trying to remove the thin divider lines on all of the pages between the logo/menu etc and from around all images. Please see photos for reference.

I would also like a border between each photo in all collections but the codes I have tried from the community page arent working either.

Any help is greatly appreciated!

[KetanKumar · Accepted solution]

@LorenWitney 

great thanks please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.header__desktop__lower {border-top: none;}

[Michal17]

Hi @LorenWitney 

I'm sorry for your inconvenience.

You should share your website URL. And if your website is password protected, then also provide a password.

@KetanKumar your help is needed here.

[KetanKumar]

@LorenWitney 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[LorenWitney]

Thank you so so much!

This is the url: www.witstylefashion.com
Password: moghup

[KetanKumar · Accepted solution]

@LorenWitney 

great thanks please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.header__desktop__lower {border-top: none;}

[LorenWitney]

Thank you for your help!
This has worked for the home page.

Is there another code that applies to the same hairline borders that are
around all of the pictures in the collections?

Kind Regards

Loren

[KetanKumar]

@LorenWitney 

yes, please share screenshort?

[LorenWitney]

You might have to zoom in to see it on this screen capture. Each image and
the price has a grey hairline border around them that I am trying to remove.

Thank you for your time.

Kind Regards Loren

[LorenWitney]

You might have to zoom in to see it on this screen capture. Each image and the price has a grey hairline border around them that I am trying to remove.

Thank you for your time. 

Kind Regards Loren

[KetanKumar · Accepted solution]

@LorenWitney 

thanks please add this code

.product-item, .product-item:before {border: none;}

[LorenWitney]

Thanks @KetanKumar ,

It has removed the hairline border but now all of the images are touching without a space between them at all. Id like to keep the white spacing between them without the hairline grey border that encompassed each image and title.

I can't seem to win! haha. Thank you for your assistance so far. You have been so helpful and I appreciate your time. 

[KetanKumar]

@LorenWitney 

do mean like this?

[LorenWitney]

Yes so all of those product images are touching one another without having any white spacing in between them. By removing the hairline border from around them it has also removed any solid white border that separated the images. 

[jjunko]

Hi @KetanKumar, could you help me make the header and footer to my password page on dawn transparent. 

 i want this video to play across the whole screen.