tuanphan Posted June 28, 2021 Share Posted June 28, 2021 On 6/25/2021 at 8:08 PM, SimonJensen said: Hi @tuanphan, in footer.. The logo is massive and footer is really long. Can the logo be smaller? And can the 'sections' be set in row when there's mulitple and would need to stack? Add to Design > Custom CSS. You want text links side by side? /* Footer */ @media screen and (max-width:767px) { /* logo size */ div#block-yui_3_17_2_1_1602349899535_30758 { width: 30%; } } 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
SouthernSunEvents Posted July 22, 2021 Share Posted July 22, 2021 @tuanphan Looking to reduce the font size on my mobile/tablet footer. Not having any luck finding any code to work with as a template. Also, you help me so much on a daily basis, I need to figure out a way to send you many cases of beer. I am unbelievably grateful for all of your help. http://www.southernsunevents.com PW: sse2020 Link to comment
tuanphan Posted July 23, 2021 Share Posted July 23, 2021 13 hours ago, SouthernSunEvents said: @tuanphan Looking to reduce the font size on my mobile/tablet footer. Not having any luck finding any code to work with as a template. Also, you help me so much on a daily basis, I need to figure out a way to send you many cases of beer. I am unbelievably grateful for all of your help. http://www.southernsunevents.com PW: sse2020 Hi. Which elements font size? or Footer: Which element in footer: email, vendor credit, navigation links..? 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
SouthernSunEvents Posted July 23, 2021 Share Posted July 23, 2021 3 hours ago, tuanphan said: Hi. Which elements font size? or Footer: Which element in footer: email, vendor credit, navigation links..? Looking to shrink the contact email, vendor credits, and maybe the social links too. Link to comment
tuanphan Posted July 25, 2021 Share Posted July 25, 2021 On 7/23/2021 at 5:19 PM, SouthernSunEvents said: Looking to shrink the contact email, vendor credits, and maybe the social links too. Add to Design > Custom CSS /* Footer size */ @media screen and (max-width:900px) { /* email */ footer.Footer [href*="mailto"] { font-size: 12px; } /* icons */ footer.Footer .sqs-svg-icon--list a { width: 15px !important; } /* vendor credits */ div#block-yui_3_17_2_1_1625534484081_17462 h3 { margin-left: 0 !important; font-size: 14px !important; } /* nav links */ a.Footer-nav-item { font-size: 10px !Important; } /* copyright */ div#block-e9362b498505816081d4 * { font-size: 12px; } } 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
SouthernSunEvents Posted July 26, 2021 Share Posted July 26, 2021 On 7/24/2021 at 10:38 PM, tuanphan said: Add to Design > Custom CSS /* Footer size */ @media screen and (max-width:900px) { /* email */ footer.Footer [href*="mailto"] { font-size: 12px; } /* icons */ footer.Footer .sqs-svg-icon--list a { width: 15px !important; } /* vendor credits */ div#block-yui_3_17_2_1_1625534484081_17462 h3 { margin-left: 0 !important; font-size: 14px !important; } /* nav links */ a.Footer-nav-item { font-size: 10px !Important; } /* copyright */ div#block-e9362b498505816081d4 * { font-size: 12px; } } Amazing! Thank you!! Link to comment
SouthernSunEvents Posted July 29, 2021 Share Posted July 29, 2021 On 7/24/2021 at 10:38 PM, tuanphan said: Add to Design > Custom CSS /* Footer size */ @media screen and (max-width:900px) { /* email */ footer.Footer [href*="mailto"] { font-size: 12px; } /* icons */ footer.Footer .sqs-svg-icon--list a { width: 15px !important; } /* vendor credits */ div#block-yui_3_17_2_1_1625534484081_17462 h3 { margin-left: 0 !important; font-size: 14px !important; } /* nav links */ a.Footer-nav-item { font-size: 10px !Important; } /* copyright */ div#block-e9362b498505816081d4 * { font-size: 12px; } } @tuanphansorry to come back to this. I tried to adjust for tablet and it changes in my squarespace preview but not on the actual site when on a tablet. Any ideas? Here's what I coded: /*TABLET FOOTER TEXT*/@media screen and (max-width:991px) and (min-width:640px) { /* email */ footer.Footer [href*="mailto"] { font-size: 15px; } /* icons */ footer.Footer .sqs-svg-icon--list a { width: 25px !important; } /* vendor credits */ div#block-yui_3_17_2_1_1625534484081_17462 h3 { margin-left: 0 !important; font-size: 15px !important; } /* nav links */ a.Footer-nav-item { font-size: 12px !Important; } /* copyright */ div#block-e9362b498505816081d4 * { font-size: 12px; } } http://www.southernsunevents.com PW: sse2020 Link to comment
tuanphan Posted July 30, 2021 Share Posted July 30, 2021 21 hours ago, SouthernSunEvents said: @tuanphansorry to come back to this. I tried to adjust for tablet and it changes in my squarespace preview but not on the actual site when on a tablet. Any ideas? Here's what I coded: /*TABLET FOOTER TEXT*/@media screen and (max-width:991px) and (min-width:640px) { /* email */ footer.Footer [href*="mailto"] { font-size: 15px; } /* icons */ footer.Footer .sqs-svg-icon--list a { width: 25px !important; } /* vendor credits */ div#block-yui_3_17_2_1_1625534484081_17462 h3 { margin-left: 0 !important; font-size: 15px !important; } /* nav links */ a.Footer-nav-item { font-size: 12px !Important; } /* copyright */ div#block-e9362b498505816081d4 * { font-size: 12px; } } http://www.southernsunevents.com PW: sse2020 Which tablet/browser do you use? 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
SouthernSunEvents Posted July 30, 2021 Share Posted July 30, 2021 3 hours ago, tuanphan said: Which tablet/browser do you use? Safari on ipad air model A1474 Thanks for checking! Link to comment
tuanphan Posted August 1, 2021 Share Posted August 1, 2021 On 7/30/2021 at 11:43 PM, SouthernSunEvents said: Safari on ipad air model A1474 Thanks for checking! try change 991px to 1024px SouthernSunEvents 1 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
SouthernSunEvents Posted August 2, 2021 Share Posted August 2, 2021 On 8/1/2021 at 2:49 AM, tuanphan said: try change 991px to 1024px works perfect thank you so much! Link to comment
RolandFuseHub Posted October 12, 2021 Share Posted October 12, 2021 (edited) On 1/12/2021 at 5:59 PM, tuanphan said: Sorry, I don't see the notification You want, on mobile Logo Column 1. ..............Column 2 Contact .................Instagram FAQ...........................Pinterest Shipping................Text Returns Is this right? Hi @tuanphan It seems this member never got back to you but I have exactly that issue on a site. I want: Logo Column 1 - Column 2 Contact - Social Links Copyright message I know how to target the Page-ID. Doing this for someone else and do not have a password to the site. Thanks, Roland Edited October 12, 2021 by RolandFuseHub Typo I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10. Link to comment
tuanphan Posted October 13, 2021 Share Posted October 13, 2021 17 hours ago, RolandFuseHub said: Hi @tuanphan It seems this member never got back to you but I have exactly that issue on a site. I want: Logo Column 1 - Column 2 Contact - Social Links Copyright message I know how to target the Page-ID. Doing this for someone else and do not have a password to the site. Thanks, Roland Can you share page url? 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
RolandFuseHub Posted October 13, 2021 Share Posted October 13, 2021 5 hours ago, tuanphan said: Can you share page url? Hi @tuanphan it is not my site and the agency who asked to help has set it to Private. I tried this and that works: /* footer links side by side */ @media screen and (max-width:767px) { #block-212b424925883e57e2cc { width: 50% !important; float: left !important; }} If I do that for the other blocks, it also works. Maybe a bit of a hack-ish solution, but it works. I run FuseHub Creative Group, a syndicate of creatives from all over the world with one common goal - to develop creative and strategic solutions for ambitious organizations, and develop cool plugins which you can find on the SQS Mods platform - Circle Members always get a 10% discount with this code: SQSMOD10. Link to comment
dv_louise_designs Posted May 9, 2022 Share Posted May 9, 2022 Hi @tuanphan, How can I align the two location info columns in my footer to be side-by-side? Also to center my social icons? site: tractioniq.co pass: demo Thanks! Link to comment
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 On 5/10/2022 at 12:25 AM, dv_louise_designs said: Hi @tuanphan, How can I align the two location info columns in my footer to be side-by-side? Also to center my social icons? site: tractioniq.co pass: demo Thanks! It looks like you changed footer layout. Do you still need help on this? 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