Okay
  Public Ticket #476836
footer social icons
Closed

Comments

  • paul started the conversation

    I can't figure out how to add a YouTube icon and link to the footer social links area of the Twelve theme. There's no option for it in Theme Options. Please let me know, thanks.

    Here's the footer links area:

    http://prntscr.com/7r6ith

  •  1,973
    Support replied

    Hi,

    you can add extra icons/links in footer.php inside the socials <ul>

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • paul replied

    Right, figured that out, thanks... but how? I tried the code below, but it didn\'t work. I need to know exactly what code to add, thanks. What is the class I should use for YouTube? Also, when I added it manually like that, the icon was not aligned w/ the others.


     <li class=\"socials\"><a href=\"https://www.mylinkhere\"><i class=\"icon-youtube\"></i></a></li>
  •  1,973
    Support replied

    We should update your fontawesome library. Do you know how? if you don\'t is it possible to provide ftp access?

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • paul replied

    Ok, think I got the library updated... used the \"better font awesome\" plugin... and then used the pinterest space for my youtube icon, since you all have a space for pinterest in your theme options. But, please check link below, b/c the icon is not aligned correctly. Is there css somewhere to fix this?

    <?php if( trim($global_theme_options[\"social_link_pinterest\"]) != \"\" ): ?>
    <li class=\"socials\"><a href=\"<?php echo $global_theme_options[\"social_link_pinterest\"]; ?>\"><i class=\"fa fa-youtube fa-3x fa-inverse\"></i></a></li>
    <?php endif; ?>

    http://www.cassidy.com/

  • paul replied

    Now i have this... tried using inline styles... still can\'t figure out alignment issue:

    <?php if( trim($global_theme_options[\"social_link_pinterest\"]) != \"\" ): ?>
    <li class=\"socials\"><a href=\"<?php echo $global_theme_options[\"social_link_pinterest\"]; ?>\" style=\"font-size: 28px; vertical-align:35px; width: 30px; height:30px; padding:15px !important; color:#fff\"><i class=\"fa fa-youtube\"></i></a></li>
    <?php endif; ?>


    http://www.cassidy.com/

  •  1,973
    Support replied

    Hi,

    remove the the inline styles and add this to your custom css:

    .socials i.fa {

    font-size: 28px;

    vertical-align: 20px;

    width: 30px;

    height: 30px;

    padding: 15px;

    color: #fff;

    }


    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • paul replied

    Awesome, that did it... thanks.