Google My Business Social Link

Site URL: https://porpoise-poodle-8hg6.squarespace.com/

Hi!

Hope all is well.  I'd like to add the Google My Business link and logo in the social links element list in the nav bar. Would you mind sharing how you could accomplish this?

Here's my site: https://porpoise-poodle-8hg6.squarespace.com/

Password is: hello

Currently my Google my Business link is shown with the paper click icon. I just want to change that to the official Google My Business icon.

@tuanphan

Thank you!

17 minutes ago, cnchad said:

Site URL: https://porpoise-poodle-8hg6.squarespace.com/

Hi!

Hope all is well.  I'd like to add the Google My Business link and logo in the social links element list in the nav bar. Would you mind sharing how you could accomplish this?

Here's my site: https://porpoise-poodle-8hg6.squarespace.com/

Password is: hello

Currently my Google my Business link is shown with the paper click icon. I just want to change that to the official Google My Business icon.

@tuanphan

Thank you!

 

Are you trying to make this a social icon, or did you have something else in mind?

Hi. Do you use Personal Plan or higher?

I use the personal plan.

15 hours ago, cnchad said:

I use the personal plan.

You mean change link icon (right of email) to Google my business icon?

Correct

On 11/8/2020 at 3:46 AM, cnchad said:

Correct

Try adding to Home > Design > Custom CSS

a.icon.icon--fill[href*="g.page"] {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2020_10/490173118_Googlemybusiness.png.f71cd214202d7cbca75a995fc2a950a6.png);
    background-size: contain;
    background-repeat: no-repeat;
}
a.icon.icon--fill[href*="g.page"] svg {
    visibility: hidden;
}

Is there anyway I could use a custom image for the url rather than the one you provided?

2 hours ago, cnchad said:

Is there anyway I could use a custom image for the url rather than the one you provided?

Upload icon to your site & replace with your url.

How to upload. https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files

Thank you!

13 hours ago, cnchad said:

Thank you!

I see footer doesn't look good on Tablet (email under Contact text)

You can add this to Design > Custom CSS to fix

/* footer email tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-03c4adfc8d255fe883a1 {
    padding-right: 0;
}
}