English
1 Minute
02/19/2022
Replace the social media icons of my business cards
Icons in the business card are standard and as neutral as possible so they work with all designs. In case you want to add some custom flair to your business card landing pages you can use your own in a matter of minutes.
How do I replace the social icons in my business cards
You only need to upload the logos that you want to use in the media section and add this code on the Branding section of your business card or to your templates.
1. Step 1. Go to your Media section
You can upload the files on your media section or host them in your own server.
2. Step 2. Upload the icons that you want to use
We recommend SVG format for optimal result
3. Step 3. Assign your new icons using CSS code
Go to your Branding section > Header and replace the standard icons with your own following the example below
<style>
.fc-webicon {box-shadow:none!important;}
.fc-webicon.large {border-radius:48px!important;}
.fc-webicon.facebook {
background: url("https://youraccount.com/l/media?f=xxxxxxxxxxx")!important;
background-size:100%!important;
}
.fc-webicon.twitter {
background: url("https://youraccount.com/l/media?f=xxxxxxxxxxx")!important;
background-size:100%!important;
}
.fc-webicon.instagram {
background: url("https://youraccount.com/l/media?f=xxxxxxxxxxx")!important;
background-size:100%!important;
}
.fc-webicon.youtube {
background: url("https://youraccount.com/l/media?f=xxxxxxxxxxx")!important;
background-size:100%!important;
}
.fc-webicon.linkedin {
background: url("https://youraccount.com/l/media?f=xxxxxxxxxxx")!important;
background-size:100%!important;
}
</style>Resources
Here you will find useful sites and resources: