[Share] How to remove icon in Accordion Block

To remove icon (arrows or plus/minus) icon in Accordion Block, you can follow these.

#1. All Accordions

Use this to Custom CSS box

div.accordion-icon-container {
    display: none;
}

#2. All accordions (on One Page)

First, you need to find Page ID.

In my example, we will have: #collection-66b1ea3b1c30c22054d0a383

Next, use CSS code like this

#collection-66b1ea3b1c30c22054d0a383 div.accordion-icon-container {
    display: none;
}

#3. Specific Accordion Block

First, you need to find Accordion Block ID. Use #2 tool.

Next, use CSS code like this

#block-yui_3_17_2_1_1722935850341_3420 div.accordion-icon-container {
    display: none;
}

#4. Specific item in specific accordion block

First, find Accordion Block ID, use #2 tool. 

Next, use CSS code like this

#block-yui_3_17_2_1_1722935850341_3420 li:nth-child(2) div.accordion-icon-container {
    display: none;
}

#5. Remove accordion icon on Desktop only

Use this CSS code

@media screen and (min-width:768px) {
  div.accordion-icon-container {
      display: none;
  }
}

#6. Remove accordion icon on Mobile Only

@media screen and (max-width:767px) {
  div.accordion-icon-container {
      display: none;
  }
}