How to add a ‘+’ to the accordion header

  • Resolved AnnasGourmetGoodies

    (@annasgourmetgoodies)


    8 years, 1 month ago

    Is there an easy way to add a plus sign to the accordion header?

    I tried adding ::after in a custom CSS and could not get it to work.

    header.accordion-header::after {
    content: ‘\02795’; /* Unicode character for “plus” sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
    }

Viewing 1 replies (of 1 total)
  • Plugin Author Russell Jamieson

    (@powerblogservice)

    If you add the arrows class to the header you get up and down arrow to indicate whether the answer is closed or open

    This used borders to form the up and down arrows

    To use the heavy plus and minus signs set up the following:

    
.accordion-header::before {
content: "\02795";
font-size: 13px;
color: #777;
float: right;
margin-left: 5px;
}

.accordion-header.accordion-selected::before {
content: "\02796"; 
}
Viewing 1 replies (of 1 total)
  • The topic ‘How to add a ‘+’ to the accordion header’ is closed to new replies.