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

Comments

• Phil

  January 2021

  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

  January 2021

  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

  January 2021

  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