Guest Posted May 22, 2014 Share Posted May 22, 2014 (edited) 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 August 17, 2016 by Guest Link to comment
Solution colin.irwin Posted May 22, 2014 Solution Share Posted May 22, 2014 (edited) 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 May 22, 2014 by silvabokis I-FT 1 If you're looking for a Squarespace Developer, drop me a line Also, you might want to check out my Squarespace template finder Link to comment
Guest Posted May 22, 2014 Share Posted May 22, 2014 @ silvabokis - THANK YOU!!! I was missing only the font-size property. Thanks again! Cheers! Link to comment
colin.irwin Posted May 22, 2014 Share Posted May 22, 2014 No problem mate If you're looking for a Squarespace Developer, drop me a line Also, you might want to check out my Squarespace template finder Link to comment
katielifestyle Posted March 13, 2016 Share Posted March 13, 2016 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. Link to comment
SurfaceImperfections Posted May 19, 2020 Share Posted May 19, 2020 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? Link to comment
tuanphan Posted May 20, 2020 Share Posted May 20, 2020 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
DukeoftheGrapes Posted September 25, 2020 Share Posted September 25, 2020 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 comment
tuanphan Posted September 26, 2020 Share Posted September 26, 2020 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ellecree Posted November 30, 2022 Share Posted November 30, 2022 Is there a way to make the social links in the footer larger in 7.1? I've got them set on XL in my design settings bu they're still not large enough Link to comment
tuanphan Posted December 2, 2022 Share Posted December 2, 2022 On 12/1/2022 at 6:17 AM, ellecree said: Is there a way to make the social links in the footer larger in 7.1? I've got them set on XL in my design settings bu they're still not large enough Possible. If you share site url, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment