Okay
  Public Ticket #2342878
Use custom SVG icons
Closed

Comments

  •  1
    Bobvangendt started the conversation
    March 30, 2020 at 8:56am

    Hi there,

    I would like to use my own custom SVG icons and i already followed all the tips in the previous tickets of other customers.

    1) I've added the icons with Filezilla into the right map: Salient >CSS>fonts>svg

    2) Then i usd a text block and add the Nectar Shortcode for an icon and paste the name of the icon, like so:

    [icon color="accent-color" icon_size="" image="sugar.svg"]

    I even tried without the .svg filename but nothing works.

    Please Help!

    Thanks!!

  •  8,992
    Tahir replied
    March 30, 2020 at 11:46am

    Hey Again,

    Try using this plugin or similar : https://wordpress.org/plugins/svg-vector-icon-plugin/ . 

    Best

    ThemeNectar Support Team 

  •  1
    Bobvangendt replied
    March 30, 2020 at 11:48am

    Uhhh, Ok and then? Can i get a bit more explanation please?

    I already have my own custom SVG icons, so i don't need a different set.


    Thanks. 

  •  8,992
    Tahir replied
    March 30, 2020 at 11:52am

    Hey Again,

    There is no such support available for loading svg icons in salient at the moment. So the earlier methods are just hacks and the changes would be lost if you update the Theme therefore would recommend using Third Party Plugins that offer such options .

    Also the svg needs to be in the correct format for it to work . Right not the svg doesn seem to be getting parsed : http://prntscr.com/rpeqo0 .

    Best

    ThemeNectar Support Team 

  •  1
    Bobvangendt replied
    March 30, 2020 at 12:05pm

    Ok thanks for the quick answer. 

    Nevermind, i will use a PNG icon in an image container. One more question: how do i get the PNG image to be a retina image, instead of just a big image.


    Thanks!

  •  8,992
    Tahir replied
    March 30, 2020 at 12:07pm

    Salient uses the WP Adaptive Image feature so just adding a big image will make it work on all screen sizes automatically. 

    Best

    ThemeNectar Support Team 

  •  1
    Bobvangendt replied
    March 30, 2020 at 12:10pm

    That doesn't seem to work... See homepage, i need the image to be twice as small at least. 


  •  8,992
    Tahir replied
    March 30, 2020 at 12:36pm

    Hey Again,

    Try using the Text with Icon Element : http://prntscr.com/rpfocn . Also you can set the Max-width of the Image in here : http://prntscr.com/rpfr2a . 

    Best

    ThemeNectar Support Team 

  •  1
    Bobvangendt replied
    March 30, 2020 at 12:37pm

    Thanks!! Have a great day.