SOLVED

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

Go to solution
mkaczmarczyk
Level 1

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

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>
2 ACCEPTED SOLUTIONS

Accepted Solutions
jsiebert
Level 5

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

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! 

Jack Siebert

View solution in original post

Crystal_Pacheco
Level 4

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

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!

View solution in original post

4 REPLIES 4
jsiebert
Level 5

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

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! 

Jack Siebert
mkaczmarczyk
Level 1

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

This was helpful, thank you! 

Crystal_Pacheco
Level 4

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

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
Level 1

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

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