Jump to content

Adding a whats app link in social link block

Recommended Posts

Hello all,

I'm adding the code below into my settings/advanced/custom CSS/footer, but the Whats App icon is not showing on my social block. What am I doing wrong?

/* Add me to Code Injection (Footer) to get whats app logos for whatsapp links*/
footer.sections [href*="wa.me"] {
    visibility: hidden;
    position: relative;
}
footer.sections [href*="wa.me"]:before {
    visibility: visible;
    content: "\f232";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

The website is: https://backend-oselka.squarespace.com/contato
Password: Oselka2022

Can you help me?

TIA!

 

Link to comment
57 minutes ago, cristinabarata said:

settings/advanced/custom CSS/footer

This sort of sounds like you are adding this code to the Footer Code Injection, it isn't formatted correctly for Code Injection, have you tried adding it to Design -> Custom CSS?

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Still not working.. and now it's showing an error message:

/* Add me to Code Injection (Footer) to get whats app logos for whatsapp links*/
<style>footer.sections [href*="wa.me"] {
visibility: hidden; 
position: relative;
}

footer.sections [href*="wa.me"]:before {
visibility: visible; 
content: "\f232";
font-family: FontAwesome;
position: absolute; top: 50%;left: 50%;
transform: translate(-50%,-50%);
}
</style>
 
 
Syntax Error on line 2
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.