- Posts
Hi –
I would like to add social icons for TikTok, YouTube, instagram. I thought I would first try to link TikTok. I followed the tutorial and videos posted in the support forum, but none work.
The only progress I have made was it went from appearing as a hyperlink titled “TikTik” on my social media menu to now appearing as a solid circle with no image.
When I go to font awesome’s website, the icon is called ‘fa-brands fa-tiktok’ and not ‘fab fa-tiktok’ as provided in the boldgrid tutorial. Not sure if that has anything to do with it.
Furthermore, I ran the Font Awesome Scanner and visited one of my website pages. Based on the results it would appear I “may” have a conflict as my boldgrid theme points to Font Awesome Version 4.7, while the plug in I installed (as per the bold grid video tutorial) is using the latest version 5.9.1. See Below.
Scanner Results
link https://www.noecompliance.com/wp-content/themes/boldgrid-pavilion/inc/boldgrid-theme-framework/assets/css/font-awesome/font-awesome.min.css?ver=4.7
link https://www.noecompliance.com/wp-content/plugins/post-and-page-builder/assets/css/font-awesome.min.css?ver=5.9.1Note, I did see somewhere on my site the option for backwards capability was elected in the check box (I cant remember where I saw it though).
PLS HELP 🙂
Ps. what is the process for adding Youtube and Instagram icons? TY
Hi Crystal,
Thanks so much for reaching out and thanks for using Pavilion WordPress theme with BoldGrid Post and Page Builder.
I replicated your issue using Pavilion and if you’ve followed the guide step by step there’s one last thing you need to do. Navigate to the WordPress customizer Appearance<<Customize<<Advanced<<Custom JS & CSS and add this bit of jQuery to the Custom Theme JS section:
jQuery('.fa-tiktok').removeClass('fa');Be sure to remove the forward slashes “
//” so the code is not commented out.As far as adding the YouTube and Instagram Icons you can incorporate them the same way you would with Facebook and Twitter, create a new custom menu link and link it to the home URL of each respective site. Make sure the “Navigation Label” and “Title Attribute” are correctly named after whatever platform you’re attempting to add.
I hope this helps! Please reach back out if you have any other questions for us.
Thank you so much Brandon!! IT WORKED!! SENDING U A BIG HIGH FIVE AND HAPPY DANCE!!
Sir thank u so much!!!
- The topic ‘TikTok Icon does not work for Pavilion WordPress theme’ is closed to new replies.
