Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

Customize Icon on Member Profile Card

This topic is resolved

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • lalaine
    Participant
    • 11 Topics
    • 22 Posts
    @lalaine
    Up
    0
    ::

    Is it possible to add an icon like this : https://fontawesome.com/icons/address-book?style=regular

    either thru a code snippet? or css?

    Thanks

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1674 Posts
    @themosaurus

    Hi @lalaine,

    Apparently you are using the BuddyPress user circles plugin (https://buddydev.com/plugins/buddycircles/).
    Unfortunately, this one is not compatible with Gwangi at the moment.

    Therefore We put this ticket as a feature request.

    In another time, you can tell us which icon you would like to display for this button.
    Then we will send you a CSS snippet while waiting for a possible update for the plugin’s full compatibility.

    The list of available icons is only available here: https://fontawesome.com/v4.7.0/icons/

    Best regards,

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1674 Posts
    @themosaurus

    Hi @lalaine,

    Thank you for your great suggestion. ?

    You request has been added to the feature request forum. We will implement the integration with BuddyPress User Circles if other community members upvote this request.

    We’ll keep you informed. Thank you very much for contributing to Gwangi!

    Best regards,

    lalaine
    Participant
    • 11 Topics
    • 22 Posts
    @lalaine

    .circle-button a::before{
    content: “”;
    color: #4798B6; /* replace with actual code*/
    }

    I was able to add the same icon for message from inspect element
    content: “”; <— how do I change this “icon”

    thanks, is this a custom icon or a font awesome icon?

    lalaine
    Participant
    • 11 Topics
    • 22 Posts
    @lalaine

    I was able to edit the circle icon holder, adding to custom css, I copied from inspect element the settings icon, editing hex color is straight forward

    Is there a list of what content icons are available and how to properly add them

    ————————- Adding Buddy Circles Icon via css

    .circle-button a::before{
    content: “”;
    color: #FFA20D;
    }

    ————————-

    Hope this helps others

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1674 Posts
    @themosaurus

    Hi @lalaine,

    Thank you for your great contribution. ?
    We hope also that this might help others.

    You can browse the list of icons included in Gwangi here: https://fontawesome.com/v4.7.0/icons/
    To use any icon, simply copy the font unicode and paste it preceded by backslash like following: content: "\f2ba";

    Thank you very much for contributing to Gwangi! #Sharingiscaring ❤️

    Best regards,

    Olivier
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2029 Posts
    @themosaurusrex

    Hi,

    We have recently released an update of Grimlock for BuddyPress that includes this feature (v 1.4.1). Updating this plugin to the latest version should add it to your website.

    After the update, any integration problems should be fixed. However, you might still be seeing an issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). To see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you:
    https://www.lifewire.com/how-to-clear-cache-2617980

    Kindest regards,

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Customize Icon on Member Profile Card’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.