Marte

On 3/14/2020 at 8:29 AM, humxahafeex said:

Hi @Lystnr  Oh sorry I missed that point , It's quite easy to do this on personal plan too not a big deal , Let me tell you how 🙂 

I see @tuanphan shared a nice solution but it's quite long and need tons of css. Let me suggest some clean solution to this. 

Let's Use squarespace own social link block (It will do css by it self) here Just use the following code as below  in Code Block:

<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color-black social-icons-size-small social-icons-style-regular ">
  <nav class="sqs-svg-icon--list">
    
    <a href="#YOUR FACEBOOK LINK" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
        </svg>
      </div>
    </a>
    
    <a href="#YOUR INSTA LINK" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth">
      <div>
        <svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
          <use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
          <use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
        </svg>
      </div>
    </a>
  </nav>
</div>

 

I hope it works as required 🙂

 

Hi, 

I can only make your code work for me - none of the others come up correctly. Any chance you wanna post a code for Twitter, YouTube and Email too? I would be forever grateful. Thank you in advance 🙂