Hi! How can I remove these thin small gray lines on the homepage at www.krolls.ch ?
Thank you!
Topic summary
Issue: Thin gray divider lines appear between homepage sections on a Shopify store using the Dawn theme.
Proposed fixes:
- Add custom code to the theme.liquid file before the closing tag. However, the actual code snippet was not provided in the post, so the exact implementation is unclear.
- Edit the theme’s stylesheet (base.css). Navigate to Online Store > Themes > Edit code > assets/base.css and, around line 143, insert “margin: -1px;” under the relevant CSS rule, then save. A screenshot shows the lines disappearing after this change.
Context/terms: Dawn is a Shopify theme. theme.liquid is a core layout template file. base.css is the theme’s main stylesheet (CSS: Cascading Style Sheets).
Artifacts: Multiple screenshots illustrate the issue, the edit steps, and the visual result; these images are central to understanding the change and its effect.
Status: No confirmation from the original poster that either solution was applied successfully. The thread appears open/awaiting feedback.
1 Like
This is Noah from PageFly - Shopify Page Builder App
Hi @10xfuel Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag
Hope my solution will help you resolve the issue.
Best regards,
Noah | PageFly
1 Like
-
Here is the solution for you
-
Please follow these steps:
- Then find the base.css file.
Find line 143 and add the following code below line 143.
margin: -1px;
-
Then press ‘Save’ to save it.
-
Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like