Remove border banner line

Topic summary

A Shopify store owner seeks help removing a grey border line from their homepage that they couldn’t eliminate using CSS.

Two solutions were provided:

  1. CSS Method (Made4uo-Ribe):

    • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
    • Open the Assets folder and locate base.css, style.css, or theme.css
    • Add the following CSS at the bottom:
    .banner__media.media {
      background: unset !important;
    }
    
    • Save the changes
  2. Theme.liquid Method (PageFly-Theodor):

    • Go to Online Stores → Themes → More Actions → Edit code
    • Click on theme.liquid
    • Paste custom code above the </head> tag

Both responders included screenshots showing the expected result. The issue appears solvable through either CSS customization or theme file modification.

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

Hi, could you please help me remove this grey line from my homepage?

Wasn’t able to solve it with scc.. I guess I’m doing something wrong

Password: sasa

https://beste-spielzeuge.myshopify.com/

1 Like

Hi @Daniel19901

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

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:

.banner__media.media {
    background: unset !important;
}

And Save.

Result:

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

Hi @Daniel19901

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Theodore | PageFly

1 Like