How to change the social buttons at header to language choice button with national flags

edited October 2014 in HealthCentre
How to change the social
button only at the header to a choice button for different languages for the
Website in different
language template files.
Thanks Otmar

Comments

  • Hi Zembold,

    This requires some coding,

    Basically you want to add flag icons in place of social icons am I right?

    Thanks
    Priyanshu
  • Yes and set other links to different URLs
    Thanks Otmar
  • Add these css rules via custom css box


    head_social_icons li.facebook {background:url(your icon link) no-repeat;}

    head_social_icons li.twitter {background:url(your icon link) no-repeat;}

    head_social_icons li.google {background:url(your icon link) no-repeat;}

    head_social_icons li.linkedin {background:url(your icon link) no-repeat;}

    Don't forget to add your flag icons url.

    Thanks
    Priyanshu
  • Many thanks! Please give me an example about size (px), the format (jpg, gif, png, ico etc) and an useful "url" for (your icon link). Do i have to create an image directory for the flag images, so the url is like (./images/flag1.gif)?
    Otmar
  • Yes exactly and the size may be closed to 30 px by 30px.
  • Excellent, thank you! Otmar
This discussion has been closed.