create own icons into the icon library – Themeco Community

create own icons into the icon library

miashark — Mon, 27 Oct 2014 01:11:11 +0000

Hello!

I was wondering how I can create my own icons and place them within the library so I can call them out using the shortcodes . ex: [icon type=”bullhorn”]

Thank you so much!

Annie

Reply To: create own icons into the icon library

Paul R — Mon, 27 Oct 2014 07:06:00 +0000

Hi Annie,

Thanks for writing in!

You can create a unique name to your icon.

eg. [icon type=”annie”]

Then you can add this under Custom > CSS in the Customizer.


.x-icon-annie {
    background:url(annie.png) top center no-repeat;
    width:30px;
    height:30px;
}

Do the same for every custom icon.

eg. [icon type=”customicon”]

Then add this under Custom > CSS in the Customizer.


.x-icon-customicon {
    background:url(bullhorn.png) top center no-repeat;
    width:30px;
    height:30px;
}

Hope that helps.

Thanks

Reply To: create own icons into the icon library

mburton1971 — Thu, 02 Jul 2015 18:10:14 +0000

I have a similar question – have access to a bunch of industry-specific icons that I can buy on a photo/image website.

What do I need to do to make it so that these new icons show up in the Icon Toolbar/Menu in Cornerstone? Is that even possible?

Also, I’m wondering if I were to follow the advice above, should I go ahead and make a child-theme?

Reply To: create own icons into the icon library

Rue Nel — Fri, 03 Jul 2015 00:50:28 +0000

Hello There,

Thanks for updating this thread!

I’m afraid that adding your custom icons in Cornerstone is not possible. Just take the approach we have suggested in our previous reply. And yes, we always recommend that you use child theme in doing customizations. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Please let us know how it goes.