Social media buttons


I would like to know how to make the social media buttons appear like in the demo when I hover.

Thank you in advance!

Hello there,

Thank you for asking. Below is the instruction of how it is composed.

  1. Create social profiles from custom menu. Go to Appearance > Menus
  2. Create a menu item using “Custom Links”
  3. Enter your social profile URL in the URL field and enter proper name in the “Link Text” field
  4. Save menu
  5. Now you can display your social profiles using the “Perth FP: Social Profile” widget


I have already done that but when I hover the square boxes that my social media icons are in, they do not become circles as I see in the demo. The boxes just became lighter.

My bad! I am so sorry!

You were absolutely right!

Thank you soooo much for your immediate help!


When I insert the social media widget, the social media buttons appear as small squares instead of the social media logos (the camera for instagram, the bird for twitter,…). Also the arrow to go to the top of the page is shown like a little square istead of an arrow. Could you tell me if I’m doing something wrong?


P.S: you can check what I’m saying in

Hello Francesc,

Inspecting your site using the web browser’s inspector tool, it is showing there is CORS issue which prevents the Font Awesome icon to load from your site. For the solution, you can find it on this thread.