Support » Theme: Twenty Seventeen » A Developers Introduction + Kinsta.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Adonis

    The folder to save your SVG is in the code.

    /assets/images/svg-custom-icons.svg

    You need a folder assets in your child theme and then a subfolder images.

    Name your SVG file svg-custom-icons.svg and place it there.

    abrightclearweb,

    Thank you so much for your support. I have tried it and the icon still does not show.

    so took the svg code in the tutorial, <svg…/svg> saved it as svg-custom-icons.svg

    & then copied the functions and pasted them into the functions.php file.

    function childtheme_include_svg_icons() {
    // Define SVG sprite file.
    $custom_svg_icons = get_theme_file_path( ‘/assets/images/svg-custom-icons.svg’ );

    // If it exists, include it.
    if ( file_exists( $custom_svg_icons ) ) {
    require_once( $custom_svg_icons );
    }
    }
    add_action( ‘wp_footer’, ‘childtheme_include_svg_icons’, 99999 );

    & still… Nothing. Perhaps I am overlooking something. do I need an actual image? I dont know. I Love patience 🙂

    Adonis.

    and yes I did create a folder in the twentyseventeen-child theme assets/images/ < placed the svg-custom-icons.svg in there/here >

    is it the code? is it me must be me 🙂

    GOT IT!

    I Was overlooking a very Important STEP*

    “Add the Kickstarter item to the Social Links menu and jump to the page footer to appreciate the result of our work”

    lol. Coding, is so much FUN*

    Now how do I creae my own custom SVG. 🙂

    Hooray!

    You could make your own icons using Adobe Illustrator. See SVG Files: From Illustrator to the Web.

    Or find icons on a service like Fontastic. They allow SVG exports.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘A Developers Introduction + Kinsta.com’ is closed to new replies.