'Contact Link' social media icon in color?

smartmax

On the contact form under 'contact link' you see the social media links.
Facebook is nice in blue, but Linkedin is in gray. Can we make that in dark blue (Linkedin blue)?
https://www.bes-it.nl/contact

Thanks in advance

pavit

Hi smartmax

Add to your custom.css :

.contact .contact-links ul li a:hover,
.contact .contact-links ul li a:focus,
.contact .contact-links ul li a:active {
  background: #0077B5!important;
}

.contact .contact-links ul li a {
  background: #0077b580!important;
	}

You can always change colors as you wish

smartmax

Goodmorning Pavit,
Thank you very much.
I see that Facebook now also changed it color.
I only wanted to change the Linkedin symbol to change its color. Is that possible?
😊
Like demo site: different colors

pavit

Hi smartmax

Remove the !important at this code

.contact .contact-links ul li a {
  background: #0077b580!important;
	}

.contact .contact-links ul li a {
  background: #0077b580;
	}

smartmax

Thanks Pavit,

Almost:
When you hoover over Facebook, it gets the Linkedin color?

I like the color to be original (Linkedin and Instagram) and when you hoover lighter
I added Instagram, how can I give that one a pink color for example?
😁

saguaros

smartmax
You should use class in each link of each social icon. For example, with instagram:

.contact .contact-links ul li a.instagram {
    background: #bc2a8d;
    border-color: #bc2a8d;
}
/*color when hovering*/
.contact .contact-links ul li a:hover.instagram,
.contact .contact-links ul li a:focus.instagram
.contact .contact-links ul li a:active.instagram {
    background: #8a3ab9;
    border-color: #8a3ab9;
}