Social Media Icons

Written by: Anne Holz | IANR Media

Facebook and Twitter social media icons can be added to the content area of your UNLcms site by copying and pasting the following code into the HTML editor. There are no images to upload, just replace the highlighted text with the information for your site.

<ul style="list-style: none; display: block;">
<li style="display: inline;">
<a href="https://www.facebook.com/unlianr"> <span class="wdn-icon-facebook" aria-hidden="true" style="font-size: 40px;"> </span> <span class="wdn-text-hidden">Follow IANR on Facebook</span> </a>
</li>
<li style="display: inline;">
<a href="https://twitter.com/UNL_IANR"><span class="wdn-icon-twitter" aria-hidden="true" style="font-size: 40px;"></span> <span class="wdn-text-hidden">Follow IANR on Twitter</span> </a>
</li>
</ul>


The code above will display the icons like below. Changing the font-size in the code will change the size of the icons.

font-size: 40px

font-size: 70px


You can change the icon style to round by changing wdn-icon-facebook to wdn-icon-facebook-circled and wdn-icon-twitter to wdn-icon-twitter-circle in the code.
Additional Social Media Icon Classes
Icon Class
Follow IANR on Youtube wdn-icon-youtube-play
Follow IANR on Instagram wdn-icon-instagram
Follow IANR on Linkedin wdn-icon-linkedin-squared
Follow IANR on Pinterest wdn-icon-pinterest
Follow IANR on Snapchat wdn-icon-snapchat
Email IANR Media wdn-icon-email

Page Feedback

Was this article helpful?