Shopify themes, liquid, logos, and UX
i have managed to put separator line under picture and between collection on homepage. I am trying to place over and below my Faq (collapsible content), how do i do this?
Solved! Go to the solution
This is an accepted solution.
You can add this code below to Custom CSS field I mentioned earlier:
.collapsible-content__wrapper {
border-top: 1px solid white;
border-bottom: 1px solid white;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
@silenceclothing Can you please share this page link?
This is an accepted solution.
You can add this code below to Custom CSS field I mentioned earlier:
.collapsible-content__wrapper {
border-top: 1px solid white;
border-bottom: 1px solid white;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
thanks!
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.
section#shopify-section-template--18239296241861__collapsible_content_7f7XHC {
border-top: 2px solid white !important;
border-bottom: 2px solid white !important;
padding-top: 10px !important;
padding-bottom: 20px !important;
}
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Hi @silenceclothing
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
.collapsible-content__wrapper.section-template--18239296241861__collapsible_content_7f7XHC-padding {
border: 1px solid #8a8f99 !mportant;
}
</style>
Result:
If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!
this did not work
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025