How to add black line between these two
Topic summary
A user seeks help adding a horizontal black divider line between two items in their online store design. The attached screenshot shows the specific location where the line is needed.
Proposed Solutions:
Two respondents (PageFly-Oliver and Dan-From-Ryviu) both suggest similar CSS-based approaches:
- Navigate to Online Store → Themes → Edit Code
- Locate and edit the theme.liquid file
- Insert custom CSS code (one suggests adding after the
<head>tag, the other at the bottom of the file)
Both solutions appear to involve adding CSS styling to create the visual separator. Code snippets were provided but appear corrupted or reversed in the conversation text. The discussion remains open with no confirmation from the original poster about which solution worked.
Hi @ZephyrShop ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi @ZephyrShop
You can do that by adding this code below to your theme.liquid file, after in Online Store > Themes > Edit code
Best Regards,
Dan from Ryviu