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 Benutzer fanden dies hilfreich
Verwandte Artikel
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...
