Change Accordion Icons to Font Awesome

Hi Rodrigo,

There a couples ways to switch the accordion icons with Font Awesome or any other icons or choice.

The first is purely CSS.
.advanced-sidebar-menu .dashicons-plus:before { content: "\f067"; font-weight: 300; font-family: 'Font Awesome 5 PRO' !important; padding: 0 0 0 5px; font-size: 15px; }

The second way is to use a filter to swap out the icon’s elements. This will allow you to see and select custom icons in the widget settings as well.

add_filter( 'advanced-sidebar-menu/styles/accordion', function ( array $icons ) { $icons['plus']['contract'] = ' <i class="fal fa-plus"></i>'; return $icons; } );

With either approach, it is likely you will need to adjust the icon size and or position slightly to match your site’s design. Once you have the icons switched you may send me link to see them, if you need any assistance with styling.

Have a great night!