Jump to content

Custom Social Link in Footer

Recommended Posts

Posted

Site URL: https://www.takebackyourcareerpodcast.com

Hola,

The 3rd link in my social links in the footer is the chain or link icon because Squarespace doesn't recognize the URL. Is there a way to use CSS to change this icon manually?

Thank you

Password: boots135

Screen Shot 2020-12-07 at 10.17.48 PM.png

  • Replies 4
  • Views 713
  • Created
  • Last Reply
Posted
34 minutes ago, gogreenmsu said:

Site URL: https://www.takebackyourcareerpodcast.com

Hola,

The 3rd link in my social links in the footer is the chain or link icon because Squarespace doesn't recognize the URL. Is there a way to use CSS to change this icon manually?

Thank you

Password: boots135

Screen Shot 2020-12-07 at 10.17.48 PM.png

what is the icon you want to place for it?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
14 hours ago, bangank36 said:

what is the icon you want to place for it?

Are you asking for the file itself? It would be the Google Podcast icon. Attached for reference.

Thank you!

Google Podcast.png

Posted
5 hours ago, gogreenmsu said:

Are you asking for the file itself? It would be the Google Podcast icon. Attached for reference.

Thank you!

Google Podcast.png

.sqs-svg-icon--list a[href*="podcasts.google"] {
  background-image: url(//content.invisioncic.com/p289038/monthly_2020_12/1664723020_GooglePodcast.png.0306b279799e61a6fb5f4ae62aba8942.png);
  background-size: cover;
}
.sqs-svg-icon--list a[href*="podcasts.google"] svg {
  visibility: hidden;
}

 

image.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
On 12/8/2020 at 7:32 PM, bangank36 said:


.sqs-svg-icon--list a[href*="podcasts.google"] {
  background-image: url(//content.invisioncic.com/p289038/monthly_2020_12/1664723020_GooglePodcast.png.0306b279799e61a6fb5f4ae62aba8942.png);
  background-size: cover;
}
.sqs-svg-icon--list a[href*="podcasts.google"] svg {
  visibility: hidden;
}

 

Nailed it. Thank you, @bangank36!

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.