Accordion style. How to get rid of the "plus" sign and lightgrey borger

Brodovych

• I've got Simple Accordion with no box-shadow. Now I don't want to see the "+" and the right border.

That's how it looks now

https://snipboard.io/HJ596D.jpg

In "answer" appearance I'd like to see the dark-grey right border but no "-" sign.

https://snipboard.io/5PTHp3.jpg

Here's the page link

http://dev2.task.ua/informacijna-dopomoga/

• Can I apply all mentioned above to 1 out of 2 accordions on the same page? Say, the 1st stays as it is and 2nd looses question border and the "+" and "-" signs?

Help me please.

Thank you

Phil

Hello,

You can achieve these changes by creating Custom CSS Code.

If you want to affect it only in the one page, and on the particular accordion, then do the following steps:

• click on the section options that contain the accordion you want to change, and add a Custom ID for this section

• scroll to the bottom of page options and in Custom | CSS field paste, your CSS Code.

If you need help, with this Custom CSS Code, please, let me know.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Brodovych

Thank you for advice. Yes, I surely need your help with Custom CSS Code.

But what about my 2nd question?

Can I apply Custom-ID to 1 out of 2 accordions on the same page? Say, the 1st stays as it is and 2nd looses question border and the "+" and "-" signs?

Phil

If you want to affect it only in the one page, and on the particular accordion

You can affect it on only one accordion, but the accordion items should be in different sections.

Please, try the following Custom CSS Code.

#sectionID .accordion i{
   display: none!important;
}
#sectionID .accordion .question{
   border: none!important;
}

Remember to replace the #sectionID with the ID you created for the section that contains the accordion that should be changed.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next