How do I add a faint grey divider line to separate sections on my website

Store Design
, , , , , , , , , , , , , ,
2

HI my friend @lukafernada ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

BSSCommerceB2B_0-1726970465186.png
BSSCommerceB2B_0-1726970465186.png400×195 26.3 KB

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.title-wrapper-with-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: lightgrey;
    margin-bottom: 10px;
}

Step 3: Save and reload home page.

=>> The result:

BSSCommerceB2B_2-1726970520163.png
BSSCommerceB2B_2-1726970520163.png539×946 185 KB

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!