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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.