-
Author
-
October 19, 2017 at 07:21 #177108rlarson87Participant
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.October 20, 2017 at 14:17 #177192LauraModeratorHello, 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 solutionLaura 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 🙂
October 20, 2017 at 16:22 #177221rlarson87ParticipantThanks. 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-cogAlso, how do I hide the “Reviews” tab in the profile?
October 23, 2017 at 06:49 #177459LauraModeratorHello, 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 solutionLaura 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 🙂
October 23, 2017 at 19:35 #177544LauraModeratorHello, 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 solutionLaura 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 🙂
October 25, 2017 at 02:10 #177755LauraModeratorHello, 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 CODEli#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 solutionLaura 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 🙂
October 25, 2017 at 02:39 #177757rlarson87ParticipantCan you give me an example of the icon name to add? Do I need to load the Fontello icon file?
October 25, 2017 at 03:51 #177758rlarson87ParticipantHi, 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.October 26, 2017 at 07:45 #177903LauraModeratorHello, 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 solutionLaura 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 🙂
October 26, 2017 at 09:48 #177938rlarson87ParticipantNevermind, 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.October 27, 2017 at 10:57 #178089LauraModeratorHello, 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 solutionLaura 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 🙂
October 27, 2017 at 17:29 #178130rlarson87ParticipantThanks. 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.October 30, 2017 at 07:38 #178343LauraModeratorHello, try
COPY CODEa#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 solutionLaura 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 🙂
October 30, 2017 at 12:37 #178363rlarson87ParticipantHi, that new code did not work. The icon still did not update.
October 31, 2017 at 04:18 #178456LauraModeratordid 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 solutionLaura 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 🙂
October 31, 2017 at 04:28 #178464rlarson87ParticipantWhat would code be to replace the “Notifications” and “Messages” icons too? Those are the only ones I don’t have yet.
October 31, 2017 at 04:41 #178468LauraModeratorHello, maybe this works
COPY CODEli#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 solutionLaura 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 🙂
November 13, 2017 at 13:52 #179733LauraModeratorHello, 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 solutionLaura 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 🙂
-
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.