Can someone please help me remove this extra blue line that is on the page.
URL: Hygiadental.com
pw: melek
Topic summary
A user encountered an unwanted blue line appearing on their Shopify product page and requested help removing it.
Solutions Provided:
Multiple community members offered CSS-based fixes:
- Primary solution: Add custom CSS targeting
#product-grid ulwithmargin-top: unset !important; - Implementation methods: Contributors suggested three approaches:
- Insert code in
theme.liquidfile before the</body>tag - Add CSS through the theme customizer’s Custom CSS section (Online Store > Themes > Customize)
- Direct CSS injection via theme code editor
- Insert code in
Additional Context:
One respondent questioned whether the issue involved a gradient background color on the product detail page (PDP) rather than a simple line, requesting clarification.
All solutions target the same CSS property to eliminate unwanted top margin spacing. Screenshots were shared to illustrate both the problem and proposed fixes.
Hey @Anonymous
Can you share a screenshot for reference of what you’re exactly talking about?
Best Regards,
Moeed
Hello @Anonymous
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hey @Anonymous
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @Anonymous
Please add this code to Custom CSS in Online Store > Themes > Customize > Themes settings to solve the issue.
#product-grid { margin-top: 0px !important; }
