Jump to content

how do i change the generic link icon in the social links to my own image?

Go to solution Solved by Ziggy,

Recommended Posts

Hello, 

 

I would love to change the generic link icon in my social link to my own icon that says 1000 WATTS (see attached below).  Is that possible?

www.gretchenwarthen.com

password:  TRIXIE

Icon I would love to see displayed is attached as well as the picture of the generic link icon. 

THANK YOU!

Screen Shot 2024-05-02 at 7.51.39 PM.png

Black And Beige  Minimalist Aesthetic Modern Simple Typography Salt Logo (2).png

Link to comment
  • Solution

Code like this should be a start:

.social-icons-style-regular .url[href="http://www.1000wattswebdesigns.com"] svg {
  visibility:hidden;
}
.social-icons-style-regular .url {
  border-color: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0);
}
.social-icons-style-regular .url[href="http://www.1000wattswebdesigns.com"] {
  background-image: url('-------------');
  background-size: cover;
  background-repeat: no-repeat;
  transform:scale(1);
}

You'll have to add your logo image into the background-image as I couldn't see it uploaded anywhere.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

No problem, looking pretty good!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.