separator lines between sections

Solved

separator lines between sections

silenceclothing
Explorer
132 0 17

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?

silenceclothing_0-1736777150548.pngsilenceclothing_1-1736777172465.png

silenceclothing_2-1736777186584.png

 

Accepted Solution (1)

DaisyVo
Shopify Partner
4460 499 596

This is an accepted solution.

Hi @silenceclothing 

 

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;
}

image (66).png

Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 6 (6)

suyash1
Shopify Partner
11075 1365 1747

@silenceclothing Can you please share this page link?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

DaisyVo
Shopify Partner
4460 499 596

This is an accepted solution.

Hi @silenceclothing 

 

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;
}

image (66).png

Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
silenceclothing
Explorer
132 0 17

thanks!

websensepro
Shopify Partner
2127 265 317

@silenceclothing 

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;
}

 

 

 

websensepro_0-1736778351359.png

 

 

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

 

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

topnewyork
Astronaut
1539 189 250

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:
image.png

 If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
silenceclothing
Explorer
132 0 17

this did not work