Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Guest

How do I change the size of the social media icons?

Question

Guest

Hello Everyone,

Looking to find the CSS to enlarge the size of the social media icons in the footer area. I've tried multiple CSS but have not quite gotten the right one. I'm hoping to enlarge the icons while keeping them centered.

I'm using the Marquee template. Link is below and I'm grateful for any help. Thank you much!

someguysgetit.com

Cheers!

Edited by Guest

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 1

Add


.sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:before, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:link:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:link:before, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:visited:before, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:visited:before {

   /* The icon size */
   font-size: 40px;
   }

   .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:link, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:link, .sqs-block-socialaccountlinks .social-account-list.social-icon-size-large a:visited, .sqs-block-socialaccountlinks-v2 .social-account-list.social-icon-size-large a:visited {

   /* Space around icons */
   width: 40px;
   height: 40px;
   }

To your Custom CSS Editor

Edited by silvabokis

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post


Link to post
  • 0
Guest

@ silvabokis - THANK YOU!!!

I was missing only the font-size property.

Thanks again! Cheers!

Share this post


Link to post
  • 0

In Squarespace 7 you can change the size of Marquee social media icons within the footer content editing area. The sizes range from XS - XL and you can also rearrange the alignment from left, center and right.

Share this post


Link to post
  • 0
19 hours ago, SurfaceImperfections said:

I'm trying to change the size of my icons in Squarespace 7, and I need sizes larger than XL. The custom CSS code above is outdated. Is there a way to do this now?

Can you share link to your site? I can take a look


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...