Navigation
Archive / Changing Social Media Icons
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 30, 2016 at 1:30 pm #1197641
    Samantha E
    Participant

    Hello,

    How can I change the style of the social media icons using the customizer? Where can I locate a list of the type of icons? I found the code below in a chat thread, however it does not work.

    .x-icon-facebook-square:before {
    content: “\f09a”;
    }

    i.x-icon-instagram-square:before {
    content:”\f0e1″;
    }
    i.x-icon-pinterest-square:before {
    content: “\f0d2”;
    }

    September 30, 2016 at 7:38 pm #1197924
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    October 1, 2016 at 4:57 am #1198343
    Samantha E
    Participant
    This reply has been marked as private.
    October 1, 2016 at 6:01 am #1198371
    Christopher
    Moderator

    Hi there,

    Icons are invisible because background color and icons have same color.

    Please add this code:

    .x-topbar .x-social-global a {
  
    color: red;
}

    To change icons, please add your code in child theme’s style.css file since customizer removes \ character.

    Hope it helps.

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