Remove gray lines separating sections in the Prestige theme

Store Design

Topic summary

A user is trying to remove gray separator lines between sections in the Prestige Shopify theme. They found CSS code from a previous post that targets .shopify-section--bordered, but it doesn’t work when added to theme.css and won’t save when added to section-specific CSS.

Proposed Solutions:

  • One responder suggested code targeting .ProductMeta borders, but this only removes lines between product sections, not all section separators.
  • Another user requested the store URL and clarification of the exact goal to provide a tailored solution.

Current Status:
The issue remains unresolved. The original poster clarified they want to remove separator lines between all sections site-wide, not just product-related ones. Another user expressed similar frustration with the same problem, indicating this is a common pain point with the Prestige theme.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

I found this code from a previous post but it doesn’t work in theme.css and while it works in the section css it isn’t able to be saved for some reason.
.shopify-section–bordered + .shopify-section–bordered {
border: none !important;
}

2

Hi @Jarch2

The code you provided seem to hide the border (not for first item) of the list item, right?
Can I know the goal you want to do & share me the store url to let me check & give you the solution

3

Hello @Jarch2
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

.ProductMeta {
border-bottom: 0px !important;
}

result

22.png
22.png826×571 43.3 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

In between every section there is a gray line separating them

5

I don’t want to just remove the line between the product and the next section, but the line for every section

6

Ever figure it out Jarch2? Its a real pain the you know where