Jump to content

How do I make Social Icons larger?

Recommended Posts

Try this Custom CSS:

.socialaccountlinks-v2-block .social-icons-size-extra-large.social-icons-style-regular .sqs-svg-icon--wrapper {
    width: 42px;
    height: 42px;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Hi Ziggy, thank you for your reply.

That code didn't work for whatever reason sorry! I've tried adjusting the pixel height and width but the icons remain unchanged whether it's 70px or 7000px.

I can make them smaller but they don't increase in size. They seem to max out at about 17px.

Link to comment

Just found something that helps a bit. Not a perfect solution by any means, but going to post it here for future users.

For some reason, the size of the icons increases a little bit if you click on the Socials block > Edit > Design > under "Border" select either the square or the circle.

It increased the size of the icons a little bit for me. That'll have to do for now until I can find a more customisable solution.

Link to comment

Try forcing the issue with adding importance:

.socialaccountlinks-v2-block .social-icons-size-extra-large.social-icons-style-regular .sqs-svg-icon--wrapper {
    width: 42px !important;
    height: 42px !important;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.