Theme icons and css

[Tricia Francis]

Tricia Francis

June 10, 2020 at 3:07 pm

Hey!

We’ve started using your Next Generation theme, and I have a couple of questions.

Does my Kadence Block Pro provide premium support for this theme? Or do I need to upgrade to include this? If so, how? I’m really digging your tools and am happy to support your efforts!

The bigger question is how to tap into your svg icons. Usually, I use Font Awesome icons and style things like social media menus like this:

.social-links a:before {
display: inline-block;
font: normal normal normal 14px/1 "Font Awesome 5 Brands";
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
line-height: 1;
margin-right: 15px;
vertical-align: middle;
}

.social-links a[href*="facebook.com"]:before {
content: "\f39e";
}

I found your documentation on custom icons here: *Login to see link So now I’m thinking we should tap into your icons rather than load Font Awesome files. But I’m needing 2 bits of info on this. Do you have a list of available (default) icons somewhere? And do you have content codes assigned to them, so that we can style without having to inject markup with classes? (Basically use the same methods we do now with fa.)

Thanks!