Increase the Size of Social Media Icons

More custom CSS for you ??

The theme’s styling is:

.social-icons a {
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
    font-family: "FontAwesome";
    background-color: #444;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

So what you can do is just do this and change the default 32px to the size you want:

.social-icons a {
    height: 32px;
    width: 32px;
}

That takes care of the circle part, so now you need to adjust the icon part by changing the font size to what you want and the line height:

.social-icons a:before {
    font-size: 1rem;
    line-height: 2;
}

Thank you! This doesn’t seem to be working on the widget feature when I add this information in. I will keep playing with it a bit

Widget feature?

The last two code snippets above is actually custom CSS you would add. I’m assuming you want to change the size of the footer area social icons of the theme?