Okay
  Public Ticket #1727373
Whatsapp icon
Closed

Comments

  •  1
    surya-x started the conversation
    September 27, 2018 at 2:05pm

    Hello,

    Despite all the social media icons already available for the footer, it would be nice to add Whatsapp as a lot of businesses start to use it :)

  •  8,998
    Tahir replied
    September 27, 2018 at 2:24pm

    You will have to replace the icon via css as the whatsapp icon is available in FontAwesome in this case replace facebook with whatsapp 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .fa-facebook:after, .fa-facebook:before{ 
   content:"\f232" !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    surya-x replied
    September 27, 2018 at 4:05pm

    Thank you for that but when I hover it looks a bit blurry in the footer

  •  8,998
    Tahir replied
    September 27, 2018 at 6:57pm

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks

    ThemeNectar Support Team 

  •  1
  •  8,998
    Tahir replied
    September 27, 2018 at 8:03pm

    If you are adding it to the footer only add before css selector like below

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .fa-facebook:before{ 
   content:"\f232" !important;
}

    Thanks

    ThemeNectar Support Team 

  •  1
    surya-x replied
    September 27, 2018 at 9:12pm

    Thank you !

    For anyone else that would need my code that works for off canvas as well:

    .fa-dribbble:before{ 
   content:"\f232" !important;
}
.off-canvas-social-links .fa-dribbble:after{ 
   content:"\f232" !important;
}