Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 28, 2020 at 9:12 am #1188780
    bitterlemmer

    Hi,
    I need to implement Tiktok into the social media section.
    However, Tiktok so far is not in your list and not supported.
    There is as well no option to create another than the predefined social channels.
    Can you provide me some snippet to add a new social channel?
    Or do you have Tiktok already on your new features list?

    Regards,
    Christoph

    • This topic was modified 4 years, 5 months ago by bitterlemmer.
    February 29, 2020 at 11:36 pm #1189115
    Mike

    Hey bitterlemmer,
    Do you mean that you would like a Tiktok social icon in the header or footer next to the others, or do you mean a Tiktok social share button in the box after the posts?
    The social share box button will require a request because of the linking involved, but a social icon can easily be added.
    You can add more social profiles by following the steps outlined here in our documentation.
    Then you can upload your new icon to the Enfold Theme Options > Import/Export > Iconfont Manager from http://fontello.com/
    I didn’t find your Tiktok icon on fontello so you will need to find a SVG of it to drag into fontello to create the icon font:
    2020-02-29-161400
    The icon font will be black and white which css will color, so you don’t need to find a colored SVG, it won’t work. But if you find a png with a transparent background then you can convert it here.
    Please give this a try and let us know if you need a hand with it.

    Best regards,
    Mike

    April 19, 2020 at 6:05 pm #1205298
    farzanahmed

    Hi Mike

    I’m trying to do this as well, but it’s not letting me add to the Iconfont Manager

    Here’s what I’m trying

    Download png image
    Convert into svg
    Try to upload SVG – says can’t do it.
    I put it in a zip and upload, and it says “can’t add the font because the server didn’t respond”

    I’ve pasted the code in from the link you sent as well but to no avail?

    Any help you can give is appreciated.

    Thanks
    Farzan

    April 19, 2020 at 10:14 pm #1205325
    Mike

    Hi,
    It looks like you missed a couple of steps,
    Download png image
    Convert into svg
    upload SVG to fontello
    download font icon from fontello
    upload font icon to Iconfont Manager
    I did this for you, the icon is now available to use:
    2020-04-19_155926.png

    Best regards,
    Mike

    April 20, 2020 at 1:53 am #1205353
    farzanahmed

    Thanks Mike

    I’ve managed to get it up there, but when I add the link it disappears now.

    I know this is an issue with the others as well and found this worked – https://kriesi.at/support/topic/social-buttons-broken-with-wp-5-3-1-update/#post-1165745 for the others, but it’s not happening when I change the ‘twitter’ to ‘tiktok’ for example.

    I am getting a twitter icon though that takes me to the TikTok page.

    Thanks
    Farzan

    April 20, 2020 at 12:00 pm #1205474
    Mike

    Hi,
    Thanks for the feedback, I found that your css called the font-family “entypo-fontello” for tictok, I changed it to “fontello” and now it’s working, please clear your browser cache and check.

    Best regards,
    Mike

    June 10, 2021 at 3:09 pm #1305091
    dameonjamie

    I too am attempting to create/add a link to our TikTok profile.
    I have followed these steps:

    Download png image
    Convert into svg
    upload SVG to fontello
    download font icon from fontello
    upload font icon to Iconfont Manager

    I have added the code to my child theme functions php and i have added the CSS code per your documentation.

    The icon appears and it links to the TikTok profile. However in Enfold theme options -> Social Media the icon is called: “Icon Label” and on the website, the title of the icon appears as “Icon_name”

    Not sure what to do. I tried to have a play with the code in the child theme -> theme functions but that only broke it.

    I have added log-in details in the private content below.

    Here is the website:
    https://www.wildsugar.fashion/

    June 10, 2021 at 3:21 pm #1305097
    Yigit

    Hi @dameonjamie,

    I updated your code in functions.php file of your child theme.

    Please review your website :)

    Regards,
    Yigit

    June 13, 2021 at 12:55 pm #1305451
    dameonjamie

    Thank you @Yigit ! Looks like it’s working. I added the CSS code for the hover effect in the General Style section of Enfold Theme options. Did I not do that correctly? 

    #top #wrap_all .av-social-link-ICON_NAME:hover a{
    color:#fff; 
    background-color:#9fae37; 
}
    • This reply was modified 3 years, 1 month ago by dameonjamie.
    June 13, 2021 at 1:00 pm #1305453
    dameonjamie

    ok think i worked it out. i have a hover effect on the icon now. Thanks again @Yigit 

    #top #wrap_all .av-social-link-tiktok:hover a{
    color:#fff; 
    background-color:#9fae37; 
}
    June 13, 2021 at 3:57 pm #1305461
    Mike

    Hi,
    Glad Yigit was able to assist, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Tiktok in social media’ is closed to new replies.