Add section line in bw featured products and collections list in homepage Dawn 15V

[ctal37]

 

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

[brandboostup]

What type of section you need there?

[GTLOfficial]

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

[ctal37]

hey this code making the line so dark , I want a light section line please check screenshot -

[BSS-TekLabs]

- 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 </head> and press 'Save' to save it.

 

<style>
.section-collection-list {
     border-top: 1px solid darkgray !important;
    padding-top: 10px !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[ctal37]

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 

[BSS-TekLabs · Accepted solution]

<style>
.section-collection-list {
    border-top: .1rem solid rgba(var(--color-foreground), .08) !important;
    padding-top: 10px !important;
}
</style>

Can you try this code @ctal37 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[niraj_patel]

Hello @ctal37 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  .section-template--17181254746297__featured_collection_bYbp6n-padding {
        border-bottom: 1px solid #000;
   }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.