How can I change the size of LinkedIn Social icon on my Header?

Site URL: https://www.atrado.eu/

Hello,

I read a few other forum threads about changing Social Icons above the maximum size, I tried inserting their custom CSS but it wasn't changing the LinkedIn logo on my site. 

Thanks, 

Andrew

Here's an example. Add this to the custom css and adjust where needed:

a.icon.icon--fill[href*="linkedin"] {
  width: 124px;
  height: auto;
} 

3 hours ago, NickScola said:

Here's an example. Add this to the custom css and adjust where needed:

a.icon.icon--fill[href*="linkedin"] {
  width: 124px;
  height: auto;
} 

 

Thanks for much Nick.

Do you know if it is possible to change the colour or design of the LinkedIn Logo itself? I'm trying to make it stand out more on my header. Thanks. 

3 hours ago, andrewhill said:

Thanks for much Nick.

Do you know if it is possible to change the colour or design of the LinkedIn Logo itself? I'm trying to make it stand out more on my header. Thanks. 

Yes, if you  want to change the color of the LinkedIn SVG try something like this: 

a.icon.icon--fill[href*="linkedin"] svg {
  fill: blue;
} 

On 7/4/2021 at 11:43 AM, NickScola said:

Here's an example. Add this to the custom css and adjust where needed:

a.icon.icon--fill[href*="linkedin"] {
  width: 124px;
  height: auto;
} 

 

Do you know what to put in if there is a custom icon in there? I used an icon that isn't a preset in Squarespace. 

Thanks!

On 11/30/2021 at 11:34 PM, OakandGlen said:

Do you know what to put in if there is a custom icon in there? I used an icon that isn't a preset in Squarespace. 

Thanks!

Can you share link to your site? We can take a look