Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1365130

    How do I use the TikTok logo in social profiles?

    Surely this issue has been fixed now?

    I’ve tried the old guides but can’t get them to work.

    This is putting off future clients using Enfold.

    #1365134

    Hi,

    Thanks for contacting us!

    Please see “Using images or non-Fontello icons” and “In case of using an image” sections here – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

    If you need assistance with it, please create temporary admin logins and post them here privately :)

    Regards,
    Yigit

    #1365144

    Hey,

    If you can login and help with this it would be much appreciated as I’ve tried many times but to no avail.

    I would like the option to use the Telegram logo too.

    If you could create some kind of step by step guide specifically for TikTok I believe that this would help a lot of people out.

    Thanks,

    Harv

    #1365148

    Hey,

    – I uploaded Tiktok logo in Media Library
    – Added following code to bottom of Quick CSS field

    
    #top #wrap_all .av-social-link-tiktok a:before{
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        vertical-align: middle;
        background: url(LINK-TO-TIKTOK-LOGO) no-repeat center center;
        background-size: contain;
    }
    

    Telegram is included in Enfold 5.1.2 :)

    Cheers!
    Yigit

    #1365186

    Thank you so much for this..

    How do I change the colour of the logo in the footer?

    All of them are grey except for the TikTok one which is white..

    #1365230

    Hi,

    You are welcome!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    #top #socket .social_bookmarks li a {
      color: white;
    }
    

    Best regards,
    Yigit

    #1365236

    Hey Yigit – I actually wanted to keep the ones at the bottom grey..

    #1365243

    Hi,

    Then you would need to edit Tiktok logo in Photoshop or similar software and change its color to grey. Upload it in Media > Library, add following code to Quick CSS and change the URL

    #top #wrap_all #socket .av-social-link-tiktok a::before {
      background: url(LINK-TO-GREY-TIKTOK-LOGO);
    }

    Best regards,
    Yigit

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.