Collapsible content layout - Remove border around section (Dawn Theme)

[amycaslee]

Hi! I would like to remove section borders on collapsible content sections of page, see photo as reference.

Theme: Dawn

Thank you!

[BSSCommerce-HDL]

Hi @amycaslee, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.accordion {
    border: none !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[amycaslee]

@BSSCommerce-HDL Hi, thank you for your response! Although, I am looking to remove the section borders, rather than each container/dropdown border. Please see below blue arrows for reference. Please advise, thank you so much!

[amycaslee]

@BSSCommerce-HDL disregard, figured it out, thank you for your help!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @amycaslee 
- Please follow these steps:

- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.collapsible-content.collapsible-none-layout.isolate.content-container.content-container--full-width {
    border: none !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[amycaslee]

@BSS-TekLabs Thank you so much!! Very much appreciated!

[BSS-TekLabs]

Glad to help you. Have a good day @amycaslee .