Squares instead of icons in the template - Forum | JoomShaper
Staff replied Templates

Squares instead of icons in the template

Asked by Peteris 1 year ago Last activity 1 year ago

6 replies

Atick Eashrak Shuvo Staff

Hello Peteris,

Sorry for the inconvenience you're experiencing with the template icons. Please add the following CSS code to your Template Options under Custom Code, in the Custom CSS section:

.sp-megamenu-parent > li.sp-has-child > a:after {
    font-family: "Font Awesome 6 Free";
}

Hope this helps! If this doesn't solve the issue, please reach out and I'll look into it more deeply.

Best regards

Peteris Asked this

Thanks for the quick reply! The icons are visible in the horizontal menu. But not in the top info bar and the submenu still has squares!

Atick Eashrak Shuvo Staff

Please add the following CSS code to your Template Options -> Custom Code -> Custom CSS

.fa.fa-facebook,
.fa.fa-twitter {
  font-family: "Font Awesome 6 Brands";
}

.fa-phone:before,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
  font-family: "Font Awesome 6 Free";
}
Peteris Asked this

Wow! That worked! Thank you so much! Good luck to you!

Atick Eashrak Shuvo Staff

You’re very welcome! I’m glad to hear it worked perfectly. Thank you for your kind words — wishing you the best of luck as well!

Please marked the issue as solved

Log in to reply.