How to Replace Blue Twitter Bird Icon/Logo with X Icon

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000097494-how-to-replace-blue-twitter-bird-icon-logo-with-x-icon


Follow these steps to replace the Twitter bird icon with the X icon for the website social media links as well as for the members overview tab.


1. Copy the following snippet of code:


<script>
  $(document).ready(function() {
    // Select and update <a> tags with specific <i> class
    $("a:has(> i.fa.fa-twitter)").html('<img loading="lazy" class="talign img-circle" width="75" height="75" alt="TwitterX" src="/images/twitterX.png">')
      .addClass('image-icon')
      .css('background', '#000');
  });
</script>

2. Go to Settings - Design settings - Custom CSS/HEAD tab and paste the code in the Additional Footer Code section:


image



The icon will then be reflected on the website:


image



As well as in member profiles:


image