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

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


Guest
Go to solution Solved by colin.irwin,

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
Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

8 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

Link to post
  • 0
Guest

@ silvabokis - THANK YOU!!!

I was missing only the font-size property.

Thanks again! Cheers!

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

Link to post
  • 0
On 5/22/2014 at 2:14 AM, colin.irwin said:

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

How in the world do you know the syntax for this? Its not intuitive at all. Is there a place where I can learn how to learn the syntax of CSS?

Link to post
  • 0
On 9/25/2020 at 7:27 PM, DukeoftheGrapes said:

How in the world do you know the syntax for this? Its not intuitive at all. Is there a place where I can learn how to learn the syntax of CSS?

Learn CSS at W3schools.com

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...