How can I add divider lines on a Taste theme product page?

Store Design
, , , ,
1

Hey, I am currently building my store but it is heavily deorganized, does anyone know how I can put divider lines above/below these sections?: Thanks in advance!

THEME: TASTE

LINK:https://e8aaa0-3.myshopify.com/search?q=body

PASSWORD: mohwhi

Image 23-12-2023 at 15.57.jpeg
Image 23-12-2023 at 15.57.jpeg3420×2214 236 KB

2

Hi @PRETTYFRIDAYS ,

I was checking on your store have a class called “accordion”, which creates a divider that lines up and down on a component. Only insert that on the component, that you want.

view - 2023-12-28T173518.845.png
view - 2023-12-28T173518.845.png1559×920 193 KB

However, if you want to create a divider lines up or down, you can reference my code and insert the end of the file base.css

.divider-up {
    border-top: 0.1rem solid rgba(var(--color-foreground),.08);
    border-color: #000!important;
}

.divider-down {
    border-bottom: 0.1rem solid rgba(var(--color-foreground),.08);
    border-color: #000!important;
}

I hope it is useful for you!