HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Use Font-Awesome whatsapp

Hello Community,

I am new to vanilla and not so much hard designer.
Recently I am using bootstrap theme for vanilla. There are Font-awesome used by default in theme.

I wanted to use whatsapp icon in my page, but unfortunately it is not appearing.
Whereas if I am calling facebook icon, then it is coming perfectly.
What can be possible reason?
Thanks.

Answers

  • K17K17 Losk Service - losk.fr Paris, France ✭✭✭

    It's because font awesome used in bootstrap theme is 4.2 and whatsapp has been added since 4.3.
    You must update font-awesome to the latest release to have all listed icons.

    R_J
  • Thank you for your feedback.
    I think bootstrap theme uses bower components. Which call font-awesome. I have updated same in bower.json file as 4.7.0(latest one) and rest of css files in all design/*.css files. But somehow it is not working. Does I am doing anything wrong?

  • K17K17 Losk Service - losk.fr Paris, France ✭✭✭

    I never used bower I can't help you with that ^^

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    @jenish said:
    Thank you for your feedback.
    I think bootstrap theme uses bower components. Which call font-awesome. I have updated same in bower.json file as 4.7.0(latest one) and rest of css files in all design/*.css files. But somehow it is not working. Does I am doing anything wrong?

    Simply adding the new version name into bower.json will not do because there may be more changes you have to make to call the correct font icons etc.

    "dependencies": {
        "bootstrap": "3.2.0",
        "bootstrap-social": "4.5.1",
        "bootswatch": "3.1.x",
        "font-awesome": "4.1.0", //changing this to the newest version is not sufficient
        "spin.js": "2.0.1",
        "jquery-icheck": "2.x-beta"
      },
    

    You must also find all the other places in the theme where the font-awesome and it's specific version are called and change it there too.

    I found 5 matches for font-awsome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0 . in the file style.css for Bootstrap theme.

    Try changing that there too and report back..

    K17rbrahmson
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!