Hi there!

Sorry for your issue.

Would you please give me your site URL, and where is the icon issue occurs?

Hi Rashida,

Sure, here.

The conflicting CSS is related to this line:

<i class="fab fa-linkedin" aria-hidden="true" title="LinkedIn"></i>

Fon Awesome 4 uses this CSS:

.fa-linkedin:before {
    content: "\f0e1";
}

Font Awesome 5 uses this CSS (which is the new square icon):

.fa-linkedin:before {
    content: "\f08c";
}

I created an override to switch the person Linkedin icon from IN to the IN square. This is how I discovered the conflict. Font Awesome 4 uses the class .fa-linkedin-square for the square icon, but they dropped the -square in FA5.

Kind regards, John

Hello,

As a temporary fix, I changed this:

<i class="fab fa-linkedin" aria-hidden="true" title="LinkedIn"></i>

To this:

<i class="fab fa-linkedin-square" aria-hidden="true" title="LinkedIn"></i>

Seems this file in the Dentro template is the issue: /templates/dentro/css/font-awesome.min.css -- Looks like Dentro just needs an upgrade to Font Awesome 5.

Kind regards, John

Hi,

Yes, you are right. All our templates will get updates. Recently devs are working hard to bring Helix Ultimate 2 and SP Page Builder 4. And all the products need to gets updated with Joomla 4 in the coming days. So this is another major concern of the team. As you can understand this is huge!

https://www.joomshaper.com/blog/joomshaper-s-plans-for-joomla-4

However, would you please let me know if there was an icon not-showing issue previously? Or you are just concerned when you tried to make an override for this icon?

Best Regards