expand/collapse icon missing

Since the icon was missing I temporarily put the FontAwesome font back with CSS but I would prefer to use the extension as it is intended.

• This reply was modified 8 months ago by pouicpouic.

Hi @pouicpouic,

Thanks for sharing the page link. After checking your website, we can see the icons are showing perfectly if you don’t use the ‘Font-awesome‘. The ‘Fontello‘ is working perfectly even if the ‘Font-awesome‘ is unchecked. Check the screenshot.

Hope this information will help you.

Have a nice day!

Hello Pulak, the icone is displayed because I added some CSS yesterday to activate fontawsome. Before that it was totally blank although
font-family: “ea-fontello” was on screenshot.

• This reply was modified 8 months ago by pouicpouic.
• This reply was modified 8 months ago by pouicpouic.
• This reply was modified 8 months ago by pouicpouic.

Hi @pouicpouic,

Actually, the icon is not blank. The color of the icon matched the page background color. Because of that, the icon is not visible. If you change the color of the icon, it will be visible to you. Check the screenshot.

Have a great day!

Thank you Pulak, problem solved!

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
    display: flex;
    align-items: center;
}
ea-icon-expand-plus::before,
.ea-icon-expand-minus::before {
   font-family: 'FontAwesome'!important;
   font-style: normal;
   margin-top: .75em;
   color: #f05050;
}

Hi @pouicpouic,

Thanks for the confirmation.

Have a great day!