Editing Social Media Icons

If your social media icons are displaying too large on your website, try editing the Social Media Layout code found in Store Admin > Administration > Social Media > Social Media Layout.

Here are some sample codes that you may like to try:

Original large circle social media icons:

<div class="sb_sociallinks social-buttons">
[%%LOOP%%]
<a href="[%%URL%%]">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-[%%ICON%%] fa-stack-1x fa-inverse"></i>
</span>
</a>
[%%LOOP%%]
</div>

Large square social media icons:

<div class="sb_sociallinks social-buttons">
[%%LOOP%%]
<a href="[%%URL%%]">
<span class="fa-stack fa-2x">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-square-thin fa-stack-2x"></i>
<i class="fa fa-[%%ICON%%] fa-stack-1x fa-inverse"></i>
</span>
</a>
[%%LOOP%%]
</div>

Small square social media icons:

<div class="sb_sociallinks social-buttons">
[%%LOOP%%]
<a href="[%%URL%%]">
<span class="fa-stack fa">
<i class="fa fa-square fa-stack-2x"></i>
<i class="fa fa-square-thin fa-stack-2x"></i>
<i class="fa fa-[%%ICON%%] fa-stack-1x fa-inverse"></i>
</span>
</a>
[%%LOOP%%]
</div>

Small circle social media icons:

<div class="sb_sociallinks social-buttons">
[%%LOOP%%]
<a href="[%%URL%%]">
<span class="fa-stack fa">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-[%%ICON%%] fa-stack-1x fa-inverse"></i>
</span>
</a>
[%%LOOP%%]
</div>
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

How do I activate built in page(s)?

Your Bizzy Boutique online store builder system comes with several pages already built-in, ready...

What additional features are available for my store? (Site extras)

Your Bizzy Boutique online store builder has many useful built-in features for your website. To...

How do I add my products?

Products are the items or services that you intend to sell on your Bizzy Boutique ecommerce...

How to use a Maintenance Template

Our complete Maintenance Pack of free templates includes: Coming Soon, Under Construction, Add...

How can I set default item(s)?

A default item can make adding products and inventory to your store a breeze! Our default item...