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

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

lukafernada
Excursionist
97 0 39

Here is my page, as it is:

IMG_0172.jpeg

I would like to put a faint, grey divider line just to indicate a separation on the page around here:

IMG_0171.jpeg

Is there a way to do this?

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
1708 511 571

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

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

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! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now