Dentro Font Awesome Conflict with SP Page Builder - Forum | JoomShaper
Staff replied Templates

Dentro Font Awesome Conflict with SP Page Builder

Asked by conshelf 5 years ago Last activity 5 years ago

Hello,

It looks lke there's a Font Awesome 4/5 conflict with Dentro and SP Page Builder.

Will this be fixed in an update soon?

Seems that no attention is paid to fixing issues in former templates, this is becoming very frustrating. I've been waitng months for fixes on Newberg as well.

Kind regards,
John

4 replies

Rashida Rahman Staff

Hi there!

Sorry for your issue.

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

conshelf Asked this

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

conshelf Asked this

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

Rashida Rahman Staff

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

Log in to reply.