Thin divider line between sections - Dawn theme

[Dekanten]

Hi again

I would like to add a line between sections of my page, this time between bubble menu and the products below.

See attached image for further details. Can this be made with a code or something?

Thanks for all the contributions, i will sure accept the solutions as fast they works like we hope for.

My storeurl:

www.dekanten.no

[deepaksharma]

add a custom liquid section and paste this code inside the custom liquid

You can change the color code to change the color of the border line

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

[Dekanten]

Hi again, i tried to make a custom.liquid but nothing happens im afraid, hope we can figure this out toghether. Any other tricks we can try out?

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme. liquid file and add the following code to the head tag

After modification, the dividing line will be displayed.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

[LuffyOnePiece]

Hi @Dekanten ,

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find base.css file
4. Add the following code at the end of the base.css file

.■■■■■■■■■■■■■■■■■■■■■■■■■ {
    border-bottom: 1px solid grey;
}

Result:

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[Dekanten]

Thank u very much for this solution, works like a charm so im happy with the result. Thank u very much again.

[Dekanten]

Thank you for your contribution, this also works good but i choosed the other one mentioned in here. Thank u again too.