Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1188780

    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, 2 months ago by bitterlemmer.
    #1189115

    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

    #1205298

    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

    #1205325

    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

    #1205353

    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

    #1205474

    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

    #1305091

    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/

    #1305097

    Hi @dameonjamie,

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

    Please review your website :)

    Regards,
    Yigit

    #1305451

    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 2 years, 11 months ago by dameonjamie.
    #1305453

    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; 
    }
    #1305461

    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

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