How can I delete a mysterious line below the price?

Store Design
, ,

Topic summary

A user is trying to remove an unwanted horizontal divider line appearing below the product price on their store’s product page.

Solution Provided:
A PageFly support representative offered CSS code to hide the line:

  1. Navigate to Online Store → Theme → Edit code
  2. Locate the theme.css file
  3. Add the following CSS at the bottom:
    • .product-single__form { margin-top: 20px; }
    • .hr.hr--medium { display: none; }

The code targets the horizontal rule element and hides it while adjusting spacing. The discussion appears resolved with this technical solution, though no confirmation from the original poster is included.

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

How Can I remove this divider / line just below the price?

I dont know how it got there and cant find how to

Screenshot 2024-02-14 at 02.17.44.png
Screenshot 2024-02-14 at 02.17.44.png2880×1568 298 KB

2

Hi @boxingcentral

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

hr.hr–medium {

display: none;

}

.product-single__form {

margin-top: 20px;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly