Okay
  Public Ticket #2487746
Custom Social Icon
Closed

Comments

  • CarteBlancheFilms started the conversation
    July 29, 2020 at 2:22am

    Can I possibly create my own social icon? I'd like to add IMDB as a social icon, but that option is not available.

  •  2,965
    Andrew replied
    July 29, 2020 at 5:09am

    Hey Again,

    You will have to replace an existing icon with the IMDB code for eg replacing the flickr icon use below css code :

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

    #header-outer #social-in-menu .fa-flickr:before,#header-outer #social-in-menu .fa-flickr:after, .material #slide-out-widget-area.slide-out-from-right .fa-flickr:after {
    content: "\f2d8" !important;
}

    Thanks

  • CarteBlancheFilms replied
    August 30, 2020 at 2:37am

    I'm a bit confused on how to edit the code. Where do I put the IMDB code, and can it be any image link?

  •  8,851
    Tahir replied
    August 31, 2020 at 10:59am

    Hey Again, Hope you had a Positive Weekend, 

    You need to add a Flickr Icon via the Salient Theme Options and the CSS code earlier provided would change the Flickr icon to IMDB using css .

    Thanks 

    ThemeNectar Support Team 

  • wakeislandmusic replied
    October 2, 2020 at 3:27pm

    This worked on my site, but not on the mobile off canvas menu. What should I add to the code to make the substitution on mobile too. Thanks!

    https://wakeislandmusic.com/

  •  8,851
    Tahir replied
    October 3, 2020 at 5:46am

    @wakeislandmusic ,

    I am seeing the Apple Icon getting replaced in the Desktop and Mobile View.

    Thanks 

    ThemeNectar Support Team