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

edited January 2021 in Theme support
  • 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

Comments

  • 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

  • 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?

  • 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

Sign In or Register to comment.