Jump to content

Social media Symbol (symbol for Glass.photo

Go to solution Solved by Ziggy,

Recommended Posts

I just joined Squarespace to build a site for my photography. But I've left Instagram and are rarely uploading tweets to X, but I use a social media for photographers called Glass that growing bigger. When I link my Glass profile to my site I just got a chain/link as a symbol. Is it possible to change this symbol manually so I get a more "attractive" symbol than the link-symbol? 🙂

Link to comment

Can you share your website URL?

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
  • Solution

Here's Custom CSS code for the header social icon:

// Glass icon Header
@media only screen and (min-width:640px) { 
  .header-actions-action--social .icon--fill[href="https://glass.photo/gj_frames"] {
    svg {
      visibility:hidden;
    }    
    background-image: url('https://squarefortytwo.com/s/Glass-200px.png') !important; 
    background-size: 60% !important;
    background-repeat: no-repeat !important;  
    background-position: center center !important;
  } 
}

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

This is for the social link block:

// Glass Social Link block
.sqs-svg-icon--wrapper[href="https://glass.photo/gj_frames"] {
    svg {
      visibility:hidden;
    }    
    background-image: url('https://squarefortytwo.com/s/Glass-200px.png') !important; 
    background-size: 60% !important;
    background-repeat: no-repeat !important;  
    background-position: center center !important; 
}

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
  • 2 weeks later...
On 8/24/2023 at 9:53 AM, Ziggy said:

This is for the social link block:

// Glass Social Link block
.sqs-svg-icon--wrapper[href="https://glass.photo/gj_frames"] {
    svg {
      visibility:hidden;
    }    
    background-image: url('https://squarefortytwo.com/s/Glass-200px.png') !important; 
    background-size: 60% !important;
    background-repeat: no-repeat !important;  
    background-position: center center !important; 
}

Thanks! Wprled great!

would be nice to ad it as a native option. It’s a strong community for photographers 🙂

Link to comment

You can put a request into Squarespace Support, but I wouldn't bet on it any time soon.

https://support.squarespace.com/hc/en-us/requests/new#choose-topic

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.