Update: SP Page Builder v3.6.6 armed with Font Awesome 5

27 December 2019

3 min read

Update: SP Page Builder v3.6.6 armed with Font Awesome 5

Since you’re in the web development industry, you’ve definitely heard about Font Awesome. It’s insanely popular because of the revolutionary new way it introduces Icons. It’s super lightweight and the file size is even smaller than SVGs. Why are we excited about Font Awesome? Because in today’s update of SP Page Builder (in both lite and pro) you get the latest Font Awesome 5 icon library.

Icons have a very fundamental role in web projects, they add visual meaning to website elements. Using icon fonts like Font Awesome gives you a freedom in using icons wherever you want without breaking the design. You also get the liberty to customize the icon the way you want to.

What’s new in Font Awesome 5?

Font Awesome brought radical improvement to its existing Font Awesome 4 library. The font collection is vastly rich. The style of the icons is slightly different and improved. The class names are changed. Custom social icons are introduced to give you styling freedom. Like in the case of icons used for Facebook it’s ‘fab’. Additionally, the quality of the icons has been drastically improved.

You get 880+ more icons compared to Font Awesome 4.7

What it means to SP Page Builder?

Who doesn’t love Font Awesome 5! The users of SP Page Builder surely do. We have provided full support for both Font Awesome 4 and 5. You have the freedom to define which version of Font Awesome you want to use. You can configure the default setting by either going to SP Page Builder > Option > Options (tab). Or, System > Global Configuration > SP Page Builder > Options (tab).

Then, set Load FontAwesome to “Yes” and select your desired version from “Select FontAwesome Version”.

Note: Users can use the Free version of Font Awesome 5

For the time being, we are providing support for the free version Font Awesome 5 only. The users of SP Page Builder 3.x needs to configure Font Awesome 5 from the Global Configuration settings after updating. In the event of new installations, Font Awesome 5 will be configured by default.

All Font Awesome 4 icons will automatically be updated to Font Awesome 5

Let’s have a look at the full changelog of SP Page Builder v3.6.6

New: Introduced Font Awesome 5
Update: Font Awesome added to the Module page
Fix: Contact Form and Form Builder addon email not sending issue
Fix: Contact Form and Form Builder addon not working in accordion and tab issue
Fix: Automatic scrolling issue in the Accordion addon
Fix: Module Title font family issue (Lite)

Note: The Font Awesome 5 support may not work properly with a few of Helix Framework based templates. We will update the Helix Framework ASAP.

Few improvements along the way

As with every update, we try to introduce new features and fixes. We have addressed a few known issues in today’s update as well. The Contact Form and Form Builder addons sometimes raised an error in sending mails while caching was turned on. We have provided a quick fix for the issue.

We end this year by bringing you the exciting Font Awesome 5 support to SP Page Builder. Looking forward to 2020, we hope to bring some revolutionary new features to your favorite Joomla page building tool. We are lucky to have users like you who are constantly rooting for making SP Page Builder the best of its kind. We are truly humbled to have such a kind user base.

Great things are in the making. Here’s to an even better 2020 ?

Try SP Page Builder for FREE! Get SP Page Builder Pro Support on JED

Dmitry Goncharov

4 years ago

You're good friends. Undoubtedly the introduction of FA 5 is a good idea. But so many different vital things are not implemented in SPPB. For example, when you click on a link, a feedback form made using the form designer POPs up. This is a very necessary feature, the absence of which negates the use of the form Builder add-on. You have to use third-party extensions. Sadly.

#9775

That sounds like a really good idea. I'll convey your message and put it in the features list. Let's see what the developers think.

#9810

Mo Ahmed

Does it support Font Awesome 5 Pro?

#9776

Paul Frankowski

As you could read in the blog post, now we support only the Free version.

#9777

Alvaro

They must create an option for us to add and select other icon fonts, and this must be selected from the Addons because FontAwesome is often combined with other fonts. I have requested it more than 1 year ago ...

#9778

Thanks for your suggestion Alvaro, I've sent a reminder to the Dev team.

#9803

Igors meko

Helix ultimate loads font awsome. So co you plan update helix ultimate too?

#9779

Yes, and it was even written inside the blog post in the Note! area.

#9780

BTW
If after an update you saw an empty button inside Image Layout addon, please:
1) take this file site/addons\image_layouts\site.php from old version 3.6.5
and replace here: components\com_sppagebuilder\addons\image_layouts\site.php

OR
use below custom CSS to hide. It will be fixed in the next update. Sorry.
[code].sppb-addon-image-layout-content .sppb-btn-custom {display: none;}[/code]

#9781

alexhovan

Icon Display Problem. Addon - Person. Tested in two templates astroid_template and Protostar

[url=https://ibb.co/RNpjqgq][img]https://i.ibb.co/zFh6zmz/2019-12-28-022028.jpg[/img][/url]

Icon Display Problem. There is no icon on the disabled line. In the page editor

[url=https://ibb.co/b3c3Zp5][img]https://i.ibb.co/N3c3Pw2/2019-12-28-024720.jpg[/img][/url]

#9784

Kawshar Ahmed

All templates need compatibility updates. We are working on the templates including Helix framework.

#9785

I made tests on Helix Ultimate, SPPB 3.6.6, FontAwesome 5 set, and Social Icons were displayed in 3 default styles. But I can confirm icons are not displayed for those two templates.

#9789

Until then, as you updated, SPPB had FontAwesome 4. I had problems in the external interface. Because the Astroid Framework had FontAwesome 5. Now the situation is different. Now there are problems, but to solve them you have to edit the old pages where there are icons. It is necessary to add icons in a new way. But icon problems in the SPPB page editor, possibly the reason for Isis is the control panel template. But the problem is in some SPPB add-ons, then you need to deal with this. Because I have Astroid_Framework_Template, it has FontAwesome 5. That's what you need to solve. Apparently, the values for the icons in the entries of these extensions are not updated and they can not catch FontAwesome 5.

#9790

Al Mamun

If you saw blank box, that means there is other extension which loading FontAwesome 4 but you loaded FontAwesome 5 from Page Builder. They are conflicting.

#9795

There may still be such compatibility issues with FontAwesome 4 and FontAwesome 5
[code type="xml"]
fa-youtube-play icon is not available in FontAwesome 5[/code]

[url=https://ibb.co/mStLS0z][img]https://i.ibb.co/BwjXwGs/2019-12-29-094752.jpg[/img][/url]

#9791

This is not compatible issue. If the icon not exist so we showing that message so that you can change that icon according FontAwesome version. "fa-youtube-play" not in FontAwesome 5 [url="https://fontawesome.com/icons?d=gallery&q=youtube&m=free"]check here[/url] you need to change the icon according to FontAwesome 5.

#9794

It's FontAwesome developer idea to change names, that's why compatibility between them is not perfect. And you have to replace some icons using FA5 names only.

#9796

I know what needs to be changed. Read my posts above. But there are SPPB add-ons, such as Person-Add-ons. There is no choice of icon, only social links are added there. Accordingly, the problem is in the files of the add-on-Person. Did not change FA4 icon names to FA5 in files

#9797

In today's update we fixed missing icons in Personal addon.

#9799

Chris Nichols

Thanks for the 3.6.7 update, that was fast work, and I can confirm it has fixed the little green button issue.

#9801

Thanks for the confirmation Chris. One of our New Year Resolution is to provide possibly the best customer service on the planet.

#9809

burn.hard

Still having issues with Fontawesome 5 on SPPB 3.6.7. In frontend editing view if you have two different versions of "fa fa-phone" on one page it only shows one, and this is the bigger one in my case.

#9859

Hi Bernhard, you need to use either FA 4 or FA 5 on your site, you cannot use both. You'll need to configure the setting from here. [img]https://www.joomshaper.com/images/2019/12/20/sppb-366-configSet2.png[/img]

#9867

sitte

I do not see way to load FontAwesome 5 option (SP Page Builder 3.7.0.PRO):
[img]https://sitte.pl/images/temp/Firefox_Screenshot_2020-03-19T13-11-44.408Z.png[/img]

#10224

chierasr

Have same situation after upgrade to the latest version of sppb pro from 3.7.0 to 3.7.2

#10350

Martin Petersen

3 years ago

I can't select the FontAwesome version either (but I can enable Load FontAwesome).
No icons are showing on my site.

I'm on PRO 3.7.2

#10563

manager777ilya

No compatibility. I had 4 version of the icons. Now I upgraded to PRO 3.7.2 and the icons do not appear. There is also no choice of version of the icons in the settings.

#10564

Create a new account

Forgot your password or username?

Update: SP Page Builder v3.6.6 armed with Font Awesome 5

What’s new in Font Awesome 5?

What it means to SP Page Builder?

Few improvements along the way

Products

Help

Company

Newsletter

Login to your account

Update: SP Page Builder v3.6.6 armed with Font Awesome 5

What’s new in Font Awesome 5?

What it means to SP Page Builder?

Few improvements along the way

Sign up for our newsletter

Products

Help

Company

Newsletter