Navigation
Archive / Styling Icons in Footer Widget
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 20, 2016 at 11:43 am #1183364
    Transfac
    Participant

    I have placed social icons into my footer widget and would like to make them white and circles instead of squares. My website is dev.transfac.com.

    September 20, 2016 at 11:53 am #1183378
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Can you please follow this thread :

    https://community.theme.co/forums/topic/change-social-icons-from-square-to-standard/

    Hope this helps!

    September 20, 2016 at 12:01 pm #1183384
    Transfac
    Participant

    Will do. Also, I added a footer menu to the footer area and it is oddly formatted with a white background.

    September 20, 2016 at 12:10 pm #1183400
    Transfac
    Participant

    Additionally, I am not sure what to do with the Font Awesome icons after placing the Social Output code into my child theme’s function file.

    September 20, 2016 at 2:02 pm #1183562
    Nabeel A
    Moderator

    Hi again,

    Please add the CSS as well in your Customizer and then check your site again. I checked your footer area and couldn’t find the menu with White background. Have you removed it?

    Do let us know if you need any assistance. Thanks!

    September 20, 2016 at 2:27 pm #1183595
    Transfac
    Participant

    I was able to fix it. I am still unsure about how to incorporate the Font Awesome icons into my website.

    September 20, 2016 at 4:13 pm #1183718
    Nabeel A
    Moderator

    Hi again,

    It looks like you’ve already fixed the social icons.

    Let us know if you need any further assistance!

    September 20, 2016 at 4:15 pm #1183719
    Transfac
    Participant

    I had to go a different route, but it works. Thanks for your help!

    September 20, 2016 at 4:33 pm #1183744
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1183364 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>