How to make the social share icons larger in Brooklyn Theme?

Hello,

How can I make the social share icons on the PRODUCT PAGE larger? I am using Brooklyn Theme. I have tried different codes including this one

.social-icons li .icon {
font-size: 21px; /* change font size as you like */
}

But that is only changing the size of the social icons on the Footer of the page.

@BanianRoots - can you please share this page link and password to view page?

Hi @BanianRoots ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.social-sharing.clean a span {
    font-size: 21px !important;
}

Hope it helps!

1 Like

https://banianroots.earth/

Password: BRPublicTest3!!

That doesnt work. Just tried it.

@BanianRoots - add this css to the very end of your theme.scss file and check , should look like screenshot below

.social-sharing .icon {font-size: 21px;}

.social-sharing .share-title{font-size: 21px;}

1 Like

Is it possible to add instagram to that? beside facebook?

@BanianRoots - please check if you have that option in customize setting by opening that page in customize, I believe you will have multiple social media options

1 Like

Customize option only allows facebook, twitter and pinterest as the “social sharing” icons.