With Twitter's recent rebranding to X, keeping your website up to date is essential for maintaining a modern look.
This article will guide you through the steps to replace the old Twitter bird logo with the latest X logo in the Extra theme, ensuring your site reflects the current branding and stays visually consistent.
Go to Extra → Theme Options
In the Custom CSS area, copy/paste this CSS code:
li.et-extra-social-icon.twitter a.et-extra-icon-twitter::before {
content: "\e094" !important;
font-family: ETModules !important;
}
The result can be seen in the screenshot below:
Notes:
If the change is not visible on the front end, make sure to clear the Static CSS File by going to Extra → Theme Options → Builder → Advanced tab and click on the Clear button.
If clearing the Static CSS File doesn't help, ensure that the Dynamic Icons option is disabled in Extra → Theme Options → General tab → Performance tab.
Please make sure that all the website's cache is also cleared.