Whatsapp icon in header on 7.1 FE

Site URL: https://newmomu.squarespace.com/

pw: newmomu

I managed to put in a Whatsapp icon in my navigation with this code but I can't get it to be inline with the Youtube link. Also, how can I get it to change color when hovered on?

header#header [href*="wa.me"] {
    visibility: hidden;
}
header#header [href*="wa.me"]:before {
    visibility: visible;
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
  color: white;
 }

Thanks!

My testing

That works! Thanks!

On 7/28/2022 at 11:08 AM, MJohn said:

That works! Thanks!

Hey John.. could you help me? 

My website is www.fercomaz.com

I insert the code in advanced -> code injection.. however is showing in the top of the page.. do you know what is wrong?

thanks!

header#header [href*="wa.me"] {
    visibility: hidden;
}
header#header [href*="wa.me"]:before {
    visibility: visible;
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
  color: white;
 }

On 6/15/2023 at 2:06 AM, yuribtonani said:

Hey John.. could you help me? 

 

My website is www.fercomaz.com

I insert the code in advanced -> code injection.. however is showing in the top of the page.. do you know what is wrong?

 

thanks!

header#header [href*="wa.me"] {
    visibility: hidden;
}
header#header [href*="wa.me"]:before {
    visibility: visible;
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
  color: white;
 }

Add it to Home > Design > Custom CSS

8 hours ago, tuanphan said:

Add it to Home > Design > Custom CSS

Tupan.. im so sorry to disturb you.. however, im a dumb in this type of things.. 

I added the code from the quote above in design css .. but has no effect in my website.. 

On 6/17/2023 at 1:16 AM, yuribtonani said:

Tupan.. im so sorry to disturb you.. however, im a dumb in this type of things.. 

I added the code from the quote above in design css .. but has no effect in my website.. 

That code is FontAwesome code, so you need to declare FontAwesome library first. I sent another code in another thread. You try checking again.