Navigation
Archive / Facebook Square and Twitter Square Icons not displaying
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 13, 2016 at 4:41 pm #1173878
    maria
    Participant

    Hi,
    I’ve added social icons to a Text Widget in the footer section. How do I get the square icons to display instead of the other version? Here is the code I added to the Text Widget

    <i class=”x-icon x-icon-facebook-square”></i> Holy Name Province
    <i class=”x-icon x-icon-twitter-square”></i> Holy Name Province

    Attached is an image showing the icons that are displaying.

    September 14, 2016 at 12:24 am #1174327
    Friech
    Moderator

    Hi There,

    Thanks for writing in! Actually that is the square version of the icon. But it seems it is a black colored on a black background. Please add a color styling to it:

    <i style="color:red;" class="x-icon x-icon-facebook-square"></i> Holy Name Province
<i style="color:red;" class="x-icon x-icon-twitter-square"></i> Holy Name Province

    Hope it helps, Cheers!

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