Remove 2 lines at variant picker

Store Design

Topic summary

A user encountered two unwanted grey lines appearing below the variant picker on their product page, positioned above the “free 30 days returns” text.

Solution Provided:
Another user offered a CSS fix to remove these lines:

  1. Navigate to Shopify admin → Online Store → Themes
  2. Click Actions → Edit code on the active theme
  3. Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  4. Add the following code at the bottom:
.product__block--lines {
  border: 0 !important;
}
  1. Save the changes

The helper included a screenshot showing the expected result and requested feedback if the solution worked.

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

Hello, there are 2 grey lines showing under my variant picker above the “free 30 days returns” text (image attached), please help me remove them.
Store/product page url: https://sophia-shop.com/products/adora-dress

evatrnt_0-1732207528943.png
evatrnt_0-1732207528943.png600×461 23.1 KB

1 Like
2

Hi @evatrnt

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:
.product__block--lines {
    border: 0 !important;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!