Okay
  Public Ticket #1603572
How to change the social media icon Size
Closed

Comments

  •  2
    cjeanmarketing started the conversation

    I read your article on the following subject, but I was wondering how can I big the social media icons bigger. In other words, how can I change their size?

    "The social media icons in the footer (like the theme demo) can be added with some HTML. To add an the icon please navigate to Appearance > Customize > Theme Options > Footer and choose one of the following to add in the 'middle footer text' input field

    To add a normal icon:

    <i class="fa fa-facebook"></i>

    To add a linkable icon:

    <a href="http://yourlink.com"><i class="fa fa-facebook"></i></a>

    The 'fa-facebook' can be changed to another social media name to display the icon. All available icons can be found here"

  •  1,715
    Barry replied

    Hi there,

    FontAwesome have some pre-defined classes to increase the font size like fa-2x, for example:

    <i class="fa fa-facebook fa-2x"></i>
    

    If you want to manually set a size to the icons you can use some custom css. Please add the following via Appearance -> Customize -> Theme Options -> Custom CSS:

    .footer .footer--bottom i { font-size: 20px; }
    

    Please replace the 20px to your own needs.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  2
    cjeanmarketing replied

    Great thank you!