This topic has 25 replies, 2 voices, and was last updated 7 years by Laura.

  • Author
  • #177108
     rlarson87
    Participant

    Hi, is it possible to update the section icons in the user profile? A lot of section icons are just boxes. See screenshot.

    Is there a list of icons that are available?

    Attachments:
    You must be logged in to view attached files.
    #177192
     Laura
    Moderator

    Hello, using css its easy but i need to now which icons you want to use for which item, check fontello icons and fontawesome icons libraries on google 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #177221
     rlarson87
    Participant

    Thanks. Here are the icons I would like to use…

    Profile – fa-user-circle-o
    Events – fa-calendar
    Friends – fa-address-book-o
    Groups – fa-users
    Listings – fa-map-marker
    Favorites – fa-heart-o
    Rendez-Vous – fa-handshake-o
    Settings – fa-cog

    Also, how do I hide the “Reviews” tab in the profile?

    #177267
     rlarson87
    Participant

    Hi, can you update these please. Thanks

    #177459
     Laura
    Moderator

    Hello, the access provided do not work, let me know so i can build the code for you

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #177463
     rlarson87
    Participant
    This reply has been set as private.
    #177544
     Laura
    Moderator

    Hello, it seems the password is not correct, let me know 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #177560
     rlarson87
    Participant
    This reply has been set as private.
    #177586
     rlarson87
    Participant
    This reply has been set as private.
    #177755
     Laura
    Moderator

    Hello, this is the css style, add it to style.css of child theme you need to add the code of the icon, its not font awesome, its fontello

    COPY CODE
    
    li#xprofile-personal-li a:before {
        content: "\ea03";
    }
    li#events-personal-li a:before {
        content: "\ea03";
    }
    .bp-light-icons #buddypress div#item-nav ul #friends-personal-li a:before {
        content: "\e9ab";
    }
    .bp-light-icons #buddypress div#item-nav ul #groups-personal-li a:before {
        content: "\e9cb";
    }
    li#gdbuddypress-nav-listings-personal-li a:before {
        content: "\e9cb";
    }
    a#user-gdbuddypress-nav-favorites a:before {
        content: "\e9cb";
    }
    li#rendez-vous-personal-li a:before {
        content: "\e9cb";
    }
    li#settings-personal-li a:before {
        content: "\e9cb";
    }
    

    Just change the \e9cb wth the icon code

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #177757
     rlarson87
    Participant

    Can you give me an example of the icon name to add? Do I need to load the Fontello icon file?

    #177758
     rlarson87
    Participant

    Hi, I updated based on the fontello codes but it did not work. Here is code and screenshot.

    li#xprofile-personal-li a:before {
    content: “59413”;
    }
    li#events-personal-li a:before {
    content: “59414”;
    }
    .bp-light-icons #buddypress div#item-nav ul #friends-personal-li a:before {
    content: “59415”;
    }
    .bp-light-icons #buddypress div#item-nav ul #groups-personal-li a:before {
    content: “59416”;
    }
    li#gdbuddypress-nav-listings-personal-li a:before {
    content: “59417”;
    }
    a#user-gdbuddypress-nav-favorites a:before {
    content: “59418”;
    }
    li#rendez-vous-personal-li a:before {
    content: “59419”;
    }
    li#settings-personal-li a:before {
    content: “59420”;
    }

    Attachments:
    You must be logged in to view attached files.
    #177903
     Laura
    Moderator

    Hello, those codes are not correct, they should look like the ones before “\e9cb” same like this

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #177935
     rlarson87
    Participant

    Thanks. Where do I find those codes at?

    #177938
     rlarson87
    Participant

    Nevermind, I found the codes list. But the issue I’m having is that when I insert the codes, not all the icons on the profile page are updating. Here is the code I used which uses an hour glass icon, but not all the icons were updated.

    li#xprofile-personal-li a:before {
    content: “e800”;
    }
    li#events-personal-li a:before {
    content: “e800”;
    }
    .bp-light-icons #buddypress div#item-nav ul #friends-personal-li a:before {
    content: “e800”;
    }
    .bp-light-icons #buddypress div#item-nav ul #groups-personal-li a:before {
    content: “e800”;
    }
    li#gdbuddypress-nav-listings-personal-li a:before {
    content: “e800”;
    }
    a#user-gdbuddypress-nav-favorites a:before {
    content: “e800”;
    }
    li#rendez-vous-personal-li a:before {
    content: “e800”;
    }
    li#settings-personal-li a:before {
    content: “e800”;
    }

    Attachments:
    You must be logged in to view attached files.
    #178089
     Laura
    Moderator

    Hello, add !important before each ; this should work
    Example:
    li#settings-personal-li a:before {
    content: “\e800” !important;
    }

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #178130
     rlarson87
    Participant

    Thanks. That fixed all of them except the Favorites icon. The Favorites icon is still not updating. Here is the code for that one…

    a#user-gdbuddypress-nav-favorites a:before {
    content: “e800” !important;

    Attachments:
    You must be logged in to view attached files.
    #178232
     rlarson87
    Participant

    Can I get a response on this please?

    #178343
     Laura
    Moderator

    Hello, try

    COPY CODE
    
    a#user-gdbuddypress-nav-favorites:before {
        font: 320% "fontello";
        content: "\e800" !important;
        margin-bottom: 10px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #178363
     rlarson87
    Participant

    Hi, that new code did not work. The icon still did not update.

    #178456
     Laura
    Moderator

    did you try adding it to quick css of theme options?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #178459
     rlarson87
    Participant

    That worked. Thanks!

    #178464
     rlarson87
    Participant

    What would code be to replace the “Notifications” and “Messages” icons too? Those are the only ones I don’t have yet.

    #178468
     Laura
    Moderator

    Hello, maybe this works

    COPY CODE
    
    li#messages-personal-li a:before {
    content: “\e800” !important;
    }
    li#notifications-personal-li a:before {
    content: “\e800” !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #179430
     rlarson87
    Participant
    This reply has been set as private.
    #179733
     Laura
    Moderator

    Hello, added this to quick css, it works now

    COPY CODE
    
    .bp-light-icons #buddypress div#item-nav ul #notifications-personal-li a:before {
        content: "\e800" !important;
    }
    .bp-light-icons #buddypress div#item-nav ul #messages-personal-li a:before {
        content: "\e800" !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

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

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?