Social Link

I have the native church theme at http://www.hope4etown.org, I wanted to increase or make more noticeable the social link for Facebook in the footer. How do you do that since the link is a small f in a circle in grey in the footer?

I doubt there is an official way to do this in the theme, but you can manage it by using custom CSS. There are plenty of plugins (and tutorials) out there for adding custom CSS to your site.

You can add the following custom CSS to make the button bigger:

.site-footer-bottom .social-icons a {
    line-height: 40px;
    font-size: 20px;
    height: 40px;
    width: 40px;
}

Result: image

And you can increase the numbers to make it bigger as desired.

.site-footer-bottom .social-icons a {
    line-height: 50px;
    font-size: 25px;
    height: 50px;
    width: 50px;
}

Result: image

Cheers! :smiley:

2 Likes