Home Forums Membership Forums Theme icons and css

This topic is: not resolved
In Progress
Posted in: Membership Forums  

Tagged: ,

  • June 10, 2020 at 3:07 pm #251068

    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: 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!

    Please Login to continue

    If you do not have an account you can register here.