Element Person with icons - Forum | JoomShaper
Solved SP Page Builder

Element Person with icons

Asked by Robert Deutschmann 2 years ago Last activity 2 years ago

Hi

I would like add icons for address, phonenumber and email in the element/modul "Person".

This is the old version (non SP-page):

There are three icons for address, phonenumber and email.

My current version using element Person looks like this:

Any idea how to add these 3 icons to the element Persion?

Link to webpage: https://ijmc.razorflights.com/index.php/ijmc/ijmc-judges

Thanks for support.
Regards

Accepted answer

Marked as the solution
Rashida Rahman Staff
2 years ago

Hi Robert,

Thanks for your response.

Please use the following code instead of the previous one:

a.sppb-person-email:before {
    content: "\f0e0 ";
    font-family: 'Font Awesome 6 free';
    font-weight: 900;
    color: black;
    font-size: 16px;
    margin-left: -4px;
}

It should help!

Best Regards

2 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
2 years ago

Hi there!

Thanks for reaching out.

Unfortunately, there is no default way to add those icons in the feature box content. However, you can use custom CSS to achieve this if you want. Here is sample code for the email icon only:

a.sppb-person-email:before {
    content: "\f0e0 ";
    font-family: 'Font Awesome 6 Free';
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

Rashida Rahman Staff
2 years ago

Thanks for accepting the answer:)

Have a nice day!

Log in to reply.