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

Written by Chan Nier
Updated on February 14, 2025

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:

The icon will then be reflected on the website:

As well as in member profiles:

For additional assistance:
Email support@brilliantdirectories.com or create a ticket Inside Your Account Dashboard.

Was this article helpful and accurate? Yes No