[miasharkParticipant]

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

[Paul RModerator]

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

[mburton1971Participant]

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?

[Rue NelModerator]

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.

[Author]

Posts