Social Icons in the footer widget

Discussion in 'Harrington- A WordPress Business Theme.' started by lucentpools, Oct 18, 2014.

  1. lucentpools

    lucentpools Member

    Joined:
    Oct 16, 2014
    Messages:
    37
    Likes Received:
    0
    I can't figure out how to get social icons in my footer widgets. I have input the url's in the theme options - social icons tab but I don't see an option to add them to the footer. Thanks in advance for your help.
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please keep blank fourth footer widget area from (Appearance ->widgets) section
    and set link for social media.
    Don't use any widgets on footer fourth widget area.
    Thanks & Regards
    Pramod
     
  3. lucentpools

    lucentpools Member

    Joined:
    Oct 16, 2014
    Messages:
    37
    Likes Received:
    0
  4. lucentpools

    lucentpools Member

    Joined:
    Oct 16, 2014
    Messages:
    37
    Likes Received:
    0
  5. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please fill URL's correctly (with http://) this will resolve your issue.
    Thanks & Regards
    Pramod
     
    lucentpools likes this.
  6. lucentpools

    lucentpools Member

    Joined:
    Oct 16, 2014
    Messages:
    37
    Likes Received:
    0
    That worked, thank you!

    Also is there a way that I can add more social icons?
     
  7. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Yes you can add more social icon but for this you have to edit files.
    Thanks & Regards
    Pramod
     
  8. lucentpools

    lucentpools Member

    Joined:
    Oct 16, 2014
    Messages:
    37
    Likes Received:
    0
    Could you elaborate?
     
  9. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    You have to follow some steps.
    Step-1:Upload a small size 16x16 px png format icon from media library and copy its link/URL.
    Step-2:Follow below image to add code.
    Step-3: Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    .demo-icon{
    background: url(http://localhost/my-wordpress/wp-content/uploads/2014/10/i-2.png) no-repeat;
    }

    Use that copied link in the place of above green color text.
    Thanks & Regards
    Pramod
     

    Attached Files:

    • 1.png
      1.png
      File size:
      229.8 KB
      Views:
      1

Share This Page