v65:socialMediaLinks

<v65:socialMediaLinks></v65:socialMediaLinks>

Description: A widget to allow clients to update, add, and remove social media links displaying on their website directly through the admin panel under Settings > Website Editor > Social Media Links.

In order for the Social Media Links widget to appear in the admin panel, it must first be turned on under Settings > Website Settings > Content > Social Media > General > Social Media Widget.

HTML Source Output:

<ul class="v65-socialMediaLinks">
   <li><a href="URL HERE" target="_blank" aria-label="SOCIAL CHANNEL NAME"><span aria-hidden="true" class="fab ICON CLASS"></span></a></li>
   <li><a href="URL HERE" target="_blank" aria-label="SOCIAL CHANNEL NAME"><span aria-hidden="true" class="fab ICON CLASS"></span></a></li>
   <li><a href="URL HERE" target="_blank" aria-label="SOCIAL CHANNEL NAME"><span aria-hidden="true" class="fab ICON CLASS"></span></a></li>
</ul>

Base CSS

While you cannot directly edit the following CSS that's being applied, you can target any of the following classes and make updates through your own CSS files.

ul.v65-socialMediaLinks {
   padding: 0;
   margin: 0;
}

.v65-socialMediaLinks li {
   display: inline-block;
   list-style-type: none;
   margin-right: 15px;
   padding: 0;
}

.v65-socialMediaLinks a {
   font-size: 1.5em;
}

v65:socialMediaLinks

Designer Launch