This website uses necessary cookies to ensure that our website is ideally usable. We do not use cookies that process personal data without your prior consent. Read our Cookie Policy Ok

1 Minute
share fb

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:

Last update 4 months ago
Top