Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom Social Icon Color - Harris Theme/York Template Family


Rijn

Question

I'm desperately trying to get my social icons to be a custom color in the Harris theme (part of the York Template family).  

I've used a few different codes including @tuanphan's code:

#sqs-svg-icon--social #sqs-use--icon {
    #fill: 4a91b5 !important;
}

Figured out # works over . in this template.   However, no matter what I do, I cannot get the social icon (LinkedIn) to be a custom color.

TIA

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

Still haven't figured it out, but found this workaround using the code block:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/company/62014" style="font-size:18px"target="_blank"aria-hidden="true" style=";color:#4a91b5"class="fa fa-linkedin"></a>

The only thing is, haven't figured out how to create hover styles since the code block seems to only allow html or CSS, not both, and the CSS injection area is being finicky in this template.

Edited by Rijn
Link to post
  • 0

Can you share site url? We can check easier.

If you use Code Block, to add hover, edit your code to this code

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.linkedin.com/company/62014" style="font-size:18px"target="_blank"aria-hidden="true" style=";color:#4a91b5"class="fa fa-linkedin"></a>
<style>
  [href*="/linkedin"]:hover .fa-linkedin {
  	color: red !important;
  }
</style>

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...