How can I remove grey lines from the Prestige theme?

Store Design
1

Hi guys, I needed a hand with removing some grey lines from the Prestige theme.

Specifically the header, footer and the grey line that appears when clicking on a product. I’ve seen this forum has some solutions however having tried them I have found no success. Any help would be greatly appreciated.

& Happy new year to all of you!

Header Grey Line
Header Grey Line1440×722 134 KB

Footer Grey Line
Footer Grey Line1439×429 90.4 KB

Grey Line on Product Page
Grey Line on Product Page525×319 11.1 KB

2

Go to the theme code editor and open the file Assets/theme.css (or theme.css.liquid) and add the following code at the bottom of the file:

.Product .ProductMeta {
  border-bottom: none;
  padding-bottom: 0;
}
3

Thank you for that! It worked however not when I put it at the bottom of the file, only when I put it at the top. I’m assuming that’s fine to do right? (New to all of this… as you can tell!)

4

It should work either way. Can you post a screenshot of the bottom of the file? Maybe there’s an error in the existing CSS code that’s preventing any code added after it from being processed.

5

Sure, here it is.

Screenshot 2022-01-03 at 22.48.21.png
Screenshot 2022-01-03 at 22.48.21.png923×482 63 KB

6

That’s what I suspected. If 11312 is really the last line in that file, then there’s a closing curly brace } missing at the end to close the media query. So you would have to add a single closing curly brace on line 11313 and then on the next line 11314 you could paste the code for hiding the gray line.

7

Understood, thank you for the explanation. So add } this to 11313 & 11314?

8

Just add a } on line 11313 and then paste the other code I posted earlier below that.

9

Thank you once again! As for the footer grey line is it the same as the product one? Can’t seem to figure that one out !!

10

Sorry, I missed that you also wanted to remove those lines from the header and footer. Try this:

.Header {
  box-shadow: none;
}

.Footer {
  border-top: none;
}
11

Thanks for getting back to me again. No luck with those ones unfortunately, I found removing the grey line on the header was

header#section-header {
box-shadow: none !important;
}

Not sure about the footer now!

12

You could try adding !important to the footer’s CSS rule too. For me the code I posted works, even without !important. Unfortunately I don’t have access to the sourcecode of Prestige, only the rendered version, so I can’t tell you the exact changes required on your theme.

13

Turns out it was in footer.liquid. Thanks for all your help!