Collapsible Row on product page. Change border line colour and remove right side arrow

[JSFMC]

Hello.

I have Dawn theme (if that helps). On the product page I am using Shopify's Collapsible Row block.

1. I want to change the border line colour to black

2. And remove the up/down arrows on the right side

See attached print screen.

If anyone could assist with a code to do these changes, please.

J

[Tech_Coding · Accepted solution]

@JSFMC 
Add This code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .accordion {
      border-top: .1rem solid #000 !important;
      border-bottom: .1rem solid #000 !important;
  }
  .product__accordion.accordion.quick-add-hidden svg.icon {
       display: none !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Tech_Coding]

Hello @JSFMC 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[JSFMC]

I am trying to send you link to my website and password. But the message doesnt stick.

[JSFMC]

----------

[Tech_Coding · Accepted solution]

@JSFMC 
Add This code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .accordion {
      border-top: .1rem solid #000 !important;
      border-bottom: .1rem solid #000 !important;
  }
  .product__accordion.accordion.quick-add-hidden svg.icon {
       display: none !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[JSFMC]

Thank you, Tech_Coding.

It worked.

[Moeed]

Hey @JSFMC 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[JSFMC]

Did you get my first message? I am new to this. 

[JSFMC]

Can you DM me and I will send website link and password

[Moeed · Accepted solution]

Hey @JSFMC 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.accordion {
    border-top: solid 1px black !important;
    border-bottom: solid 1px black !important;
}
.accordion .summary__title+.icon-caret {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[JSFMC]

Thank you, Moeed.

It worked.

[Made4uo-Ribe]

Hi @JSFMC 

Would you mind sharing your store URL? Thanks!

[JSFMC]

Can you DM me for this. Thanks.