Make Social Media icons on contact page smaller

Hi guys!

Thanks so much for an awesome theme! I have scoured the forum to find a similar post, and can’t seem to find an answer specific enough.

I have added the Sydney FP: Social Profile to my contact page under my Sydney: Contact info widget. However the icons are so big that they stack ontop of each other. Is there a way to make them smaller and fit next to each other under the Contact info?

Thanks for your time. :slight_smile:

Hello,

Can you please provide a link to your contact page?

Kind Regards, Roman.

Hi Roman,

Thanks for your quick reply! Our page is here:
https://papercat.co.za/?page_id=528

Hello, thank you for the link. Try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

.widget_fp_social .panel-widget-style {
    padding: 0 !important;
}

.widget_fp_social .panel-widget-style .menu-item {
    padding-left: 10px;
    padding-right: 10px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

Thanks so much sir! :smile: They are next to each other now, is there a way to make them smaller please? About half the size they are now?

28 AM

Hello, try to add this CSS code as well:

.widget_fp_social .social-menu-widget a::before {
    font-size: 25px;
}

Kind Regards, Roman.

Hi Roman,

Thank you, it’s perfect now!

Great! You are welcome :slight_smile:

Kind Regards, Roman.