Remove gray lines separating sections in the Prestige theme

Store Design
,

Topic summary

A user seeks to remove gray border lines separating sections in Shopify’s Prestige theme.

Proposed Solutions:
Multiple respondents suggested similar CSS approaches:

  • Modify base.css, theme.css, or style.css files
  • Add code targeting .shopify-section--bordered elements to remove top borders
  • Common code snippet: .shopify-section--bordered + .shopify-section--bordered { border-top: none !important; }

Outcome:
The suggested solutions did not work for the original poster. They resolved the issue using a different approach: applying border: 0px solid black !important; to individual sections rather than globally.

The discussion includes screenshots showing the border issue and expected results, though the community-provided fixes ultimately proved ineffective for this specific case.

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

save.PNG
save.PNG1901Ă—540 16.2 KB

2 Likes
2

Hi @Jarch2

in base.css file

.shopify-section:not(:first-child) .bordered-section {
    border-block-start-width: 0px;
}
3

Hello @Jarch2

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

.shopify-section--bordered + .shopify-section--bordered {
border-top: none !important;
}

result

26.png
26.png1339Ă—599 22.9 KB

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

4

Hi @Jarch2

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.shopify-section--bordered + .shopify-section--bordered {
    border-top: unset !important;
}

Result

DaisyVo_0-1746785378839.png
DaisyVo_0-1746785378839.png1257Ă—892 58.4 KB

Best,

DaisyVo

5

Hi @Jarch2

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.shopify-section--bordered + .shopify-section--bordered {
    border-top: none !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

6

None of the answers worked for me, this code did work though in individual sections.

{
  border: 0px solid black !important;
}