Change icons in accordion

Webdesign Help
1

Hello all

How can i change the icons “up” and “down” in the accordion component? there is a variable whitch contains a svg-image, but i will change it wiht a bootstrap- or a fontawesome-icon.

Have someone a solution?

icons
icons1385×377 51.5 KB

2

add this to your css:

.accordion-button.collapsed::after {

  background: url("your.svg");

}

.accordion-button:not(.collapsed)::after {

  background: url("your.svg");

}

Obviously changing “your.svg” to the the file you need. Worth noting that the not(.collapsed) is turned 180 in the bootstrap css so you could use the same svg for both.