How can I hide the thin white lines on my collapsible menus

Store Design
, , , , , , , , , , , , , ,

Topic summary

A user needed to remove thin white border lines appearing on collapsible accordion menus on their product page (Shopify Origin 15.1 theme). They provided screenshots showing both the visual issue and their existing code.

Solutions Provided:

  • Add CSS to the base.css file targeting .product .product__accordion.accordion with border: none;
  • Alternatively, insert CSS in theme.liquid above the </head> tag targeting .product__info-container accordion elements with border: 0 !important;

Resolution:
The user confirmed the solution worked perfectly, indicating the issue was resolved by applying one of the provided CSS fixes to remove the unwanted borders.

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

How can I hide the thin white lines on my collapsible menus on my product page? I’ve included screenshots of both the product page and the code I used to make the collapsible menus.

URL: https://billon.maison/products/rockero

Theme: Origin 15.1

Here is the product page
Here is the product page2980×1840 278 KB

Here is the code
Here is the code3002×1838 711 KB

2

Add this css in edit code > base.css file

.product .product__accordion.accordion {
    border: none;
}
3

Hi @MaisonBillonDon
Please follow the steps below to change the sale badge font size in the Dawn theme:

Step 1: Go to Shopify Admin → Online Store → Theme → Edit code.
Step 2: Search for the theme.liquid file.
Step 3: Insert the following code above the tag:

.product__info-container .accordion+.accordion,
.product__info-container .product__accordion.accordion.quick-add-hidden{
	border: 0 !important;
}

Hope this can help you!
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

this worked perfectly thank you !