Add sections between collapsible content/black lines in between each section.

[takeoverapparel]

I want black lines between each section for the collapsible content/ just like picture. Im using shopify dawn theme. www.takeoverapparel.com website password is takeover

[clockfaces]

To add black lines between each collapsible section in the Shopify Dawn theme, you’ll need to modify the CSS for your collapsible content. First, go to your Shopify Admin, then navigate to Online Store > Themes > Actions > Edit code. In the Assets folder, open the base.css file. You can add custom CSS to target the collapsible sections, like this:

.collapsible-content {
    border-bottom: 2px solid black;
    margin-bottom: 20px;
}

This code will add a black line and some space between each collapsible section. Save your changes, and refresh your website to see the updates. If this works, let me know and please mark this as a solution!

[LizHoang]

Hi @takeoverapparel

You can add section by following this instruction:

1. Go to Shopify > Theme > Customize

2. Copy and paste this code on Theme settings > Custom CSS section

.accordion.content-container {
    border-bottom: 1px solid black !important;
}
@media screen and (max-width: 550px){
h3.accordion__title {
    font-size: 16px !important;
}
}

Here is the result :

[ZestardTech]

Hello @takeoverapparel

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.accordion.content-container {
border-bottom: 1px solid black !important;
}
@media screen and (max-width: 550px){
h3.accordion__title {
font-size: 16px !important;
}