AbanteCart Community

Shopping Cart Operations => Tips and Tricks => Topic started by: G. O. on September 06, 2024, 11:25:47 PM

Title: X logo
Post by: G. O. on September 06, 2024, 11:25:47 PM
Hello,

For those who's looking for the new (X) logo of old Twitter social website, here is the code just make it convenient with your account ID:


<li class="list-inline-item">
  <a href="https://x.com/globaloverline" target="_blank" title="X" class="twitter">
    <img src="https://www.globaloverline.com/resources/image/19/xlogo.svg" alt="X Logo" style="width: 14px; height: 14px;">
  </a>
</li>
Title: Re: X logo
Post by: efriendknowe on November 27, 2024, 10:31:03 PM
First of all, thank you for the information you provided. However, I have a few questions that I hope you can answer or provide more details. What is the target size for the X logo image in the provided code?
Title: Re: X logo
Post by: G. O. on November 28, 2024, 03:22:57 AM
First of all, thank you for the information you provided. However, I have a few questions that I hope you can answer or provide more details. What is the target size for the X logo image in the provided code?


the size in the code: style="width: 14px; height: 14px;"
Title: Re: X logo
Post by: Freddieblakes on April 19, 2025, 02:03:52 AM
Great question! The ideal X logo image size will also differ based on the positioning and use within the code, but as a general guideline, 32x32px or 40x40px suit icons and navbars. In case it will be displayed bigger, e.g., in a hero section or banner, you can use 100x100px or larger for better legibility. If you can share the real code snippet, I can give a more precise tip!
Title: Re: X logo
Post by: tellatmosphere on May 07, 2025, 10:52:37 PM
Although the optimal X logo image size will vary depending on the code's placement and usage, 32x32px or 40x40px work well for icons and navbars.