how to take out lines on the tabs/accordion of a product page

Topic summary

A user seeks help removing horizontal divider lines from the tabs/accordion section on their product page, visible on both desktop and mobile views. They provide store credentials and screenshots showing the specific lines they want eliminated.

Another user (EBOOST) offers a solution involving:

  • Navigating to Online Store → Themes → Edit Code
  • Accessing the theme.liquid file in the Layout folder
  • Adding custom code before the closing </body> tag

The discussion remains ongoing, as the complete code solution appears cut off in the response. This is a styling customization request focused on improving the visual appearance of product page elements.

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

store url: https://7e7d4a-12.myshopify.com/
password: Qwerty123

ive gotten help to add the lines before just wanted some help to get this finishing touch

so i wanted to take out these lines first picture is in web

and second picture is in mobile

trying to get rid of the lines that im pointing at in my screenshots.

Hi @ali219 ,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

  1. Layout/theme.liquid
  2. Add code below to end of file and before tag

1 Like