extend the included vector icons-Fontello

[azidi]

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.

[sharmstr]

If 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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[azidi]

This reply has been set as private.

[sharmstr]

Let’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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[azidi]

I’m trying to add more fontello icons.

[sharmstr]

Then 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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[azidi]

Thanks it works!

[sharmstr]

Great. 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 solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts