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:

  $(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">')
      .css('background', '#000');

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: