hii
I would like to add a section line in bw featured products and collections list.
please check the screenshot
store url- https://5a3cf5-fc.myshopify.com
Topic summary
A user wants to add a dividing line between the featured products and collections sections on their Shopify Dawn theme homepage. The line should be light grey to match other section dividers, not dark.
Solutions Provided:
Multiple community members offered CSS code solutions:
- GTLOfficial suggested adding CSS to
base.csstargeting the title wrapper with a 1px solid grey top border - BSS-TekLabs recommended adding code to
theme.liquidbefore the</head>tag - niraj_patel provided a media query solution for mobile screens, adding code before
</body>intheme.liquid
Issue:
The user reported that initial solutions created lines that were too dark compared to existing section dividers.
Current Status:
BSS-TekLabs provided an updated CSS code attempting to match the lighter grey color. The discussion appears ongoing as the user awaits confirmation that the revised solution achieves the desired light grey appearance matching other section lines on the homepage.
1 Like
What type of section you need there?
Hello @ctal37
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
border-top: 1px solid gray;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
- Here is the solution for you @ctal37
- Please follow these steps:
- Then find the theme.liqid file.
- Then add the following code at the before tag and 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.
Hello @ctal37
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 @BSS-TekLabs this code is working but the section line is way too darker then other section line and I want a light grey line. please check screenshot what I am trying to say. please help me out
1 Like
Can you try this code @ctal37
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like