Hi , i want to show lines between my products like this image here
and this is my website url : saintalen.com
Topic summary
A user wants to add horizontal dividing lines between products on their store pages, sharing a reference image of the desired layout.
Solution Provided:
Moeed suggested adding CSS code to the theme.liquid file (above the </body> tag) to create the border lines between products.
Refinement Requests:
- The user wants only 1 line between products, not 2
- Lines should not disappear on hover
- Lines appearing at the top of products need to be removed
- Lines should only display between products, not throughout the entire site
Dan-From-Ryviu offered an alternative approach, suggesting code placement after the <head> tag instead.
Status: The discussion remains open as the user seeks adjustments to the initial solution to meet their specific styling requirements.
1 Like
Hey @ai41
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
Thank you Moeed, i want it to be only 1 line not 2 lines near to each , also the lines disappear when i moved the mouse to it as you see here at the top of the proudct , i dont want this to happen
1 Like
also i want it to appear just for the products not to every thing in the site