Tagged: ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • February 16, 2017 at 5:32 pm #748060
    blars62

    Hi —

    I like the way the “Enfold RSS Link and Twitter Account” widget displays in the footer (it’s more prominent than social icons in the socket), but would like to add “Facebook” to that widget. Is there an easy way to do that? (I’m not a php coder, moderate in my wordpress skills, was hoping I could just drag a widget down to include facebook and twitter (especially).

    You can see its current display in the footer at http://www.phonymoralguidance.com — I’d like to add facebook to that display. There may be a better solution that the widget, including third party options. I’m using a child theme — want to avoid anything that would be wiped out by theme updates.

    Thanks!

    February 21, 2017 at 1:30 pm #749924
    Yigit

    Hey!

    Please add the code i posted in private content field into a text widget in one of the footer widget areas in Appearance > Widgets and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .widget .social_bookmarks li {
    clear: none!important;
}

    Best regards,
    Yigit

    March 10, 2017 at 8:17 pm #759109
    jefflovell

    I would also like to add this functionality for more prominent Social Icons in the footer. Could you kindly share the code w/me, as well? Thanks.

    March 10, 2017 at 8:26 pm #759110
    Yigit

    Hey!


    @jefflovell     Can you please post a link to your website? We need to inspect elements on your social icons and provide you HTML code you need to add to text widget :)

    Cheers!
    Yigit

    March 10, 2017 at 8:29 pm #759112
    jefflovell

    Thanks. Link in Private Content. Social Icons are currently in the socket, but I want to move them to a more prominent size in the footer.

    March 10, 2017 at 8:31 pm #759114
    Yigit

    Hi!

    Please add following code to text widget in Appearance > Widgets – http://pastebin.com/k25Uf2Kp

    Best regards,
    Yigit

    March 10, 2017 at 8:46 pm #759119
    jefflovell

    Thanks. I added the code, but only the Facebook is displaying in the widget. Strange?

    March 10, 2017 at 11:10 pm #759165
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .widget .social_bookmarks li {
    clear: none!important;
}

    Best regards,
    Yigit

    March 10, 2017 at 11:42 pm #759175
    blars62

    Hi — I was the original poster, and I was never able to get it to work either. Likewise, if I recall, only one of the icons showed up.

    So ended up punting and staying with the the small icons in the “socket”. But I’m still interested if there’s a way to display both twitter and facebook in the larger icons in the footer, as is displayed in the “Enfold RSS Link and Twitter Account”. Thanks!

    link:

    You Can Say Anything book

    -Brad

    March 11, 2017 at 8:54 pm #759447
    Mike

    Hi,
    If you only had one icon show up, you needed to add this code in the General Styling > Quick CSS field:

    .widget .social_bookmarks li {
    clear: none!important;
}

    I tested your RAW pastebin code above: http://pastebin.com/T2h0cT4X with the Quick CSS on my localhost and it work correctly in a footer widget. Please try again :)
    via GIPHY

    Best regards,
    Mike

    March 16, 2017 at 12:54 pm #761862
    seykom

    Hi,

    I would also like to add scoial icons in the footer area. Could you help me please.

    March 16, 2017 at 2:28 pm #761924
    Yigit

    Hi,


    @seykom     sure! However, firstly you should choose to display them in header or in footer socket section so we can provide you HTML code you can insert in footer widget area to display your icons

    Best regards,
    Yigit

    March 16, 2017 at 3:00 pm #761950
    seykom

    Done!

    March 16, 2017 at 3:02 pm #761952
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .widget .social_bookmarks li {
    clear: none!important;
}

    and then add following code – http://pastebin.com/CeFSu2m3 into a text widget in Appearance > Widgets

    Cheers!
    Yigit

    March 16, 2017 at 3:19 pm #761971
    seykom

    Great, it worked. But is it also possible to make them a bit bigger and to change the colour of the inactivated icon and seperator?

    March 16, 2017 at 3:26 pm #761980
    Yigit

    Hey!

    Sure, please add following code to Quick CSS in Enfold theme options under General Styling tab

    #footer .social_bookmarks li {
    border-color: white;
}
#footer .social_bookmarks li a {
    color: white;
    font-size: 16px;
}

    Cheers!
    Yigit

    March 14, 2018 at 4:06 pm #926668
    seykom

    Hi,

    I just changed some elements in my footer and suddenly the facebook icon is a “mailto”-link. Could you please fix that? I couldn´t find the mistake in the code.

    Thanks

    March 14, 2018 at 4:08 pm #926669
    seykom

    Sorry, it´s correct again

    March 15, 2018 at 2:16 am #926966
    Mike

    Hi,
    If I understand this correctly, we can close this?

    Best regards,
    Mike

    March 15, 2018 at 10:07 am #927172
    seykom

    Yes :)

    March 15, 2018 at 10:59 am #927196
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘adding social icons (including facebook) to footer via widget’ is closed to new replies.