Jump to content

Google Social Icon is displaying as a generic link icon

Recommended Posts

Site URL: https://wolf-carnation-plnt.squarespace.com/

So if you look at the right side of the header on this site you will see 3 logos. One for Facebook, one for Yelp and the one that is just a generic link. That link goes to the business's Google page! 

I did a live chat with a Squarespace rep and they told me Google icons are not an option. This is ridiculous if you ask me. 

I need to figure out a way to import the Google icon in the place of the generic link icon. Any ideas?

Link to comment
  • Replies 5
  • Views 551
  • Created
  • Last Reply
  • 2 weeks later...

@tuanphan  I realized the site is not quite ready to be published so I have held off on that.

I did figure out how to select the links with CSS, but I am not sure how to change their icon? All my searches keep coming to the conclusion that I need to change the html. How would you do this with just CSS?

 

Link to comment
  • 1 month later...
4 hours ago, sacdeezy said:

Was there a solution for this?  I have the exact same issue outstanding.  https://getimagenow.com.  In the footer you'll see a generic link where my GMB icon could/should be.  Thx!

Stephen

Add to Cover Page Settings > Advanced > Header

<style>
  .icon-wrapper.url {
    background-image: url(https://beaverhero.com/wp-content/uploads/2020/05/artboard-1-.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
  .icon-wrapper.url svg {
    visibility: hidden;
}
</style>

Replace with your icon url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.