Crunchbase footer Social Icon

Shapely
1

How can I add a custom social icon to my footer?
The icon is for Crunchbase.com. I added it as a link, but the icon button does not show up

2

Hey there

Sorry, but if im not wrong link to that social icon is not available, let me see your site first, please provide url

3

But is there a way to manually insert the icon?

4

HI

let me see your website please provide a link to the page

5

Here is my site gabriel-llaurado.com

6

Hi there

Sorry, but looks like its not possible, font awesome icon pack that we are using does not contain Crunchbase icon:

7

Is there a way to manually place the icon?

8

HI

Its kind of requires custom work, but ok, I will help you since we are here :slight_smile:
This is what I need, add one social icon that you will not use and define link to your Crunchbase account, then please provide a link to the Crunchbase icon and I will create custom CSS for you

Thanks

9

Sure, here is the logo Redirect Notice

It is to go on the footer.

I added the Instagram social button.

10

Hi

You can use this code:

li#menu-item-16 {
background-image: url(https://download.logo.wine/logo/Crunchbase/Crunchbase-Logo.wine.png);
background-size: contain;
width: 300px;
background-repeat: no-repeat;
}

But, that’s not the best image in this case, you have to choose a long image, this one is rectangular and it has much blank space, you need only text

11

Added it, but there is no link on the icon/button (not clickeable). Why?

12

HI

Let’s update your code little bit, please try this:

.social-list a {
display: block;
}
li#menu-item-89 {
background-image: url(https://lever-client-logos.s3.amazonaws.com/e055c3e6-3498-44fe-b063-15983d1774aa-1536526280833.png);
background-size: contain;
width: 30px;
background-repeat: no-repeat;
height: 30px;
}

let me know results