Social Media Icons

In this article

Social media – Navigation Bar

These steps are only apply to some of the themes : Love Peace, Holland, Mary Jane, Sora, Rosemary, Pastelia, Minimalism, Isabel, Dreams, Calla, and Blossom.
  1. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
  2. Click +Add a Widget.
  3. Find +Custom HTML widget and add it to that section.
  4. Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank"><i class="fab fa-facebook"></i></a> 
<a href="http://www.tiktok.com/" target="_blank"><i class="fab fa-tiktok"></i></a> 
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a> 
<a href="http://instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a> 
<a href="http://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
</div>

Social media – Sidebar or Footer Area

  1. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Primary Sidebar” section if you want to put it on the sidebar, or “Footer” if you want to put it on the footer area.
  2. Click +Add a Widget.
  3. Find +Custom HTML widget and add it to that section.
  4. Go to Appearance > Customize > Widgets or directly from Appearance > Widgets, find “Social Media Top Menu” section.
  5. Click +Add a Widget.
  6. Find +Custom HTML widget and add it to that section
  7. Copy and Paste all this code below, you may remove the icons you don’t want. Don’t forget to change the URL inside href=”http://URL” with your social media URL.
<div id="socmedicons">
<a href="http://www.facebook.com/" target="_blank"><i class="fab fa-facebook"></i></a> 
<a href="http://www.tiktok.com/" target="_blank"><i class="fab fa-tiktok"></i></a> 
<a href="http://www.pinterest.com"><i class="fab fa-pinterest"></i></a> 
<a href="http://instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a> 
<a href="http://youtube.com" target="_blank"><i class="fab fa-youtube"></i></a>
</div>