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

[mkaczmarczyk]

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>

[jsiebert · Accepted solution]

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! 

[mkaczmarczyk]

This was helpful, thank you! 

[Crystal_Pacheco · Accepted solution]

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!

[mkaczmarczyk]

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