-
Author
-
September 23, 2015 at 12:48 #79092azidiParticipant
Hi,
I want to change icon profile using icons that are not included in the theme. I did all steps detailed at the online documentation at “Vector Icons” section and this link . But the customize code of the icon did not work.
Please find attach screenshots and the CSS code of the customized icon
Thanks
Attachments:
You must be logged in to view attached files.September 23, 2015 at 16:32 #79133sharmstrModeratorIf you’re using a different font family, you’ll also need to put that in your css for the buddypress icon
#buddypress div#item-nav ul #mi-producto-personal-li a:before {
content: ‘\e8a3’;
font: ‘store’;
}This assumes that your Store font files are actually loading.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 24, 2015 at 00:33 #79254sharmstrModeratorLet’s back up. Are you trying to install a new font called “Store” or are you merely trying to add more fontello icons?
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 24, 2015 at 15:35 #79314sharmstrModeratorThen you’re doing it wrong. Not sure what link you were referring to in your first post. Here are the directions that you need to follow: https://archived.seventhqueen.com/documentation/kleo#vector-icons
In your screenshot you show that you’ve named the font “store”. You dont need to rename anything. Just upload the fonts .json file to the fontello website as indicated. Select your additional icons. Download the files and copy them to your server. If you’re running Kleo 3.0.8 or 3.0.9, you can now save them to your child theme so they wont be overwritten during a Kleo upgrade.
Once you’ve uploaded them to your server, then the final step is to add this your your child css OR to your quick css in theme options
COPY CODE#buddypress div#item-nav ul #mi-producto-personal-li a:before { content: '\e8a3'; }
You shouldnt be editing any files at all except your childs style sheet as noted above.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
September 24, 2015 at 22:27 #79411sharmstrModeratorGreat. Sorry we didnt get there sooner. You naming the font “store” confused me 🙂
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
-
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.