Swapping out social media icon when "class icons" are referenced | Community
Skip to main content
GW43_X
GW43_X
New Participant
December 14, 2023
Solved

Swapping out social media icon when "class icons" are referenced

  • December 14, 2023
  • 2 replies
  • 2285 views

Hello,

We have super old landing pages that reference class="icon twitter". Does anyone know if those references are somewhere in a design studio and how to best swap them out for html that directly references an image in the code. 

 

This is the whole html of what I am troubleshooting:

 

<ul class="menu align-right small-centered"> <li><a href="https://www.facebook.com/TheJointCommission/" class="icon-facebook" title="" target="_blank"></a></li> <li><a href="https://www.linkedin.com/showcase/joint-commission-ambulatory-accreditation" class="icon-linkedin" title="" target="_blank"></a></li> <li><br /><a href="https://twitter.com/TJCommission" class="icon-twitter" target="_blank"></a></li> </ul>
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by JackSi1

Do a Ctrl+F in your template for 'icon twitter'. I think your HTML is referring to a class attribute in your template code itself, not in your design studio. You should be able to find it! 

2 replies

Crystal_Pacheco
Crystal_Pacheco
New Participant
December 14, 2023

You'll need to look at the css file associated with the template. Within that css file look for ".icon-twitter" , there you will likely find the image associated with the icon-twitter class. You can either replace that image file path within the css file or you can replace the image itself if you can find it. You may need to alter the width and height values in the css as well if they don't match the image you are replacing.
Good luck!

    GW43_X
    GW43_XAuthor
    New Participant
    December 14, 2023

    Was able to find the one image controlling it, thank you!! 

    J
    JackSi1Accepted solution
    New Participant
    December 14, 2023

    Do a Ctrl+F in your template for 'icon twitter'. I think your HTML is referring to a class attribute in your template code itself, not in your design studio. You should be able to find it! 

      GW43_X
      GW43_XAuthor
      New Participant
      December 14, 2023

      This was helpful, thank you! 

      Terms & ConditionsAccessibility statement

      Loading footer...