Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-07-03 21:46:13

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 359
Website

social media font size

I am using ttg_social_top for my social media icons and I can set the color just fine but haven't been able to figure out how to change the size. I've tried both fa-lg in the class= and font-size-200%; in the style= and neither have any effect.

Thanks.

function ttg_social_top ( $style, $path ) {
    echo '
        <li><a target="_blank" href="http://www.facebook.com/stalkinglight" title="Follow on Facebook" class="social_media fa fa-facebook-official"  style="color:#3b5998" id="social_media_01"></a></li>
        <li><a target="_blank" href="http://www.instagram.com/stalkinglightphoto" title="Follow on Instagram" class="social_media fa fa-instagram" style="color:#f56040" id="social_media_02"></a></li>
        <li><a target="_blank" href="http://www.twitter.com/stalkinglight" title="Follow on Twitter" class="social_media fa fa-twitter"  style="color:#1da1f2" id="social_media_03"></a></li>
        <li><a target="_blank" href="https://plus.google.com/+CharlieChoc" title="Follow on Google Plus"class="social_media fa fa-google-plus-official"  style="color:#dd4b39" id="social_media_04"></a></li>
';
    return false;
}

Offline

#2 2017-07-04 01:12:41

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: social media font size

try something like this, it seems to work:

  <li><a target="_blank" href="http://www.facebook.com/stalkinglight" title="Follow on Facebook" class="social_media fa fa-facebook-official"  style="color:#3b5998; font-size: 2em;" id="social_media_01"></a></li>

don't forget the semi-colon after all css declarations.

font-size: 200%; also worked for me (not font-size-200%)


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2017-07-04 01:19:17

charlie.choc
Member
From: Marietta, GA
Registered: 2014-01-09
Posts: 359
Website

Re: social media font size

The extra dash was a typo but I did forget the semi after the color. Thanks.

Offline

Board footer

Powered by FluxBB