Element Person With Icons - Question | JoomShaper
Back to the questions

Element Person With Icons

RD

Robert Deutschmann

SP Page Builder 2 months 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

0
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #161944

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #161689

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

0
RD
Robert Deutschmann
Accepted Answer
1 month ago #161704

Hi

Thanks for the answer. Generelly your css code works but it shows the light email-icon: https://fontawesome.com/v6/icons/envelope?f=classic&s=light

I would like to show the solid email-icon: https://fontawesome.com/v6/icons/envelope?f=classic&s=solid

Is there a way to use this code <i class="fa-solid fa-envelope"></i> in custom.css?

br, Robert

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 month ago #162069

Thanks for accepting the answer:)

Have a nice day!

0