Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 14, 2018 at 7:51 am #912122
    bulewold

    Hi there, I’m trying to create similar look to this:
    https://www.awesomescreenshot.com/image/3171993/5f1a767952e25d4bc1b562899926e721

    Both Blue circled icons & ones below…

    Enfold’s icon related options doesn’t have enough option to create this look….. And I’ve been looking into using Font Awesome using code but that doesn’t provide enough info to make this work either.

    Is this possible to do this in Enfold? If so, please help!

    If not, do you have another theme/solution that might work?

    Thank you.

    February 14, 2018 at 8:26 am #912131
    Nikko

    Hey bulewold,

    Can you try to check the solution on this thread: https://kriesi.at/support/topic/font-awesome-4-2-0-with-enfold-not-working/#post-324419
    Hope this helps :)

    Best regards,
    Nikko

    February 15, 2018 at 2:11 am #912565
    bulewold

    Thank you, that got me one step closer… But would you be able to help me how to control the icon display to have blue circle background and etc? Shown toward bottom on this page: http://fwiwappraisals.com/

    February 15, 2018 at 5:39 am #912615
    Mike

    Hi,
    Here is an example of the css necessary to create the blue background circle:

    i.fa.fa-users {
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    background: #005bab;
}

    Note that this code is for the Font Awesome “users” icon, but you could adjust to your icons.

    Best regards,
    Mike

    February 15, 2018 at 9:27 am #912677
    bulewold

    Thanks for the help! You guys are awesome!

    February 15, 2018 at 11:19 am #912703
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Font Awesome Icons’ is closed to new replies.