Add TikTok Logo to footer in Zenler
Greger Hillman 
Here's how you can add TikTok to the footer by replacing the "Music Icon".
Follow these steps:
- Edit a page (Site › Pages)
- Go to the Dynamic footer settings › Add the "Music Icon" and the link to your TikTok
- Add the CSS code below to Site › Site Settings › Global Includes on a new row and update (Make sure you see the Confirmation message that it's been updated).
The Code:
CSS
.fas.fa-music {
font-size: 0 !important;
width: 20px !important;
height: 20px !important;
background-image: url('https://cdn.jsdelivr.net/gh/si...') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
filter: brightness(0) saturate(100%) invert(1) !important; /* Makes it white */
}
.fas.fa-music::before {
content: "" !important;
}
font-size: 0 !important;
width: 20px !important;
height: 20px !important;
background-image: url('https://cdn.jsdelivr.net/gh/si...') !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
filter: brightness(0) saturate(100%) invert(1) !important; /* Makes it white */
}
.fas.fa-music::before {
content: "" !important;
}
This 👆 adds the TikTok logo in White.
Simply remove this line to have it display in black instead:
CSS
filter: brightness(0) saturate(100%) invert(1) !important; /* Makes it white */
Categories: : Zenler
Course Creator Toolkit
Get the insights to build & launch your digital course and membership in 2025.
Zenler Design Packs
Looking like a Pro without hiring a graphic designer
Revenue Calculator
Forecast your potential earnings from your digital courses and membership using the Course Revenue Calculator.
Starter Kit for Zenler
New to Zenler? Use this to launch with Zenler today!
