Jess-7992 Posted July 16, 2020 Share Posted July 16, 2020 Site URL: https://seal-platinum-z2yb.squarespace.com/ Hi there, I'd like to reduce the padding at the top and bottom of the footer on this site: https://seal-platinum-z2yb.squarespace.com/ PW: FiveKnights7992 Can anyone advise on this? Thanks in advance! Link to comment
tuanphan Posted July 16, 2020 Share Posted July 16, 2020 Add to Home > Design > Custom CSS footer.sections .content-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; } footer.sections section { min-height: unset !important; } 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
Jess-7992 Posted July 16, 2020 Author Share Posted July 16, 2020 Perfect! Thanks so much – you're a star 😊 Link to comment
albertmyles Posted June 29, 2021 Share Posted June 29, 2021 (edited) Hello guys, 1. How can I reduce the black footer space above the IG plugin in mobile view? 2. How do I also reduce the black space under the IG plugin? I have already added code but there is still this spacing that I would like to remove. #footer-sections .content-wrapper { padding-top:0!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden; max-width: 100%!important; } https://turtle-seadragon-7bz3.squarespace.com Edited June 29, 2021 by albertmyles Link to comment
tuanphan Posted July 1, 2021 Share Posted July 1, 2021 On 6/29/2021 at 7:07 PM, albertmyles said: Hello guys, 1. How can I reduce the black footer space above the IG plugin in mobile view? 2. How do I also reduce the black space under the IG plugin? I have already added code but there is still this spacing that I would like to remove. #footer-sections .content-wrapper { padding-top:0!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden; max-width: 100%!important; } https://turtle-seadragon-7bz3.squarespace.com Add to Design > Custom CSS /* Mobile footer black bar */ @media screen and (max-width:767px) { /* top black */ div#block-206c616921bccc8a024e { padding-top: 5px !important; } /* bottom black */ div#block-1ab6c5b7f2e13da7484b { padding-top: 5px; padding-bottom: 5px !important; } } 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
albertmyles Posted July 1, 2021 Share Posted July 1, 2021 Hello, the codes work great thank you!! Only one question; I also need a code to reduce footer area on "desktop view". I wasn't able to modify it on my own. 😉 Link to comment
tuanphan Posted July 2, 2021 Share Posted July 2, 2021 21 hours ago, albertmyles said: Hello, the codes work great thank you!! Only one question; I also need a code to reduce footer area on "desktop view". I wasn't able to modify it on my own. 😉 You mean white space above instagram + footer black bar? 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
albertmyles Posted July 2, 2021 Share Posted July 2, 2021 No! Just the black footer area. I want to make it just a bit smaller. You already gave me the code for "mobile view". But for desktop, I would like to make it just bit smaller and compact. If that makes sense! Link to comment
tuanphan Posted July 3, 2021 Share Posted July 3, 2021 19 hours ago, albertmyles said: No! Just the black footer area. I want to make it just a bit smaller. You already gave me the code for "mobile view". But for desktop, I would like to make it just bit smaller and compact. If that makes sense! Add to Design > Custom CSS /* desktop footer */ @media screen and (min-width:992px) { div#block-1ab6c5b7f2e13da7484b { padding-top: 5px; padding-bottom: 2px; } } 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
albertmyles Posted July 3, 2021 Share Posted July 3, 2021 Great!! One last thing if you can help. For some reason I have a rounded contact form button on mobile view, even if its not set this way in Squarespace. I asked support about this but they couldn't help me. How can I change the contact form (in mobile view) to squared? Link to comment
tuanphan Posted July 5, 2021 Share Posted July 5, 2021 On 7/3/2021 at 2:03 PM, albertmyles said: Great!! One last thing if you can help. For some reason I have a rounded contact form button on mobile view, even if its not set this way in Squarespace. I asked support about this but they couldn't help me. How can I change the contact form (in mobile view) to squared? Hi. This appear on all mobile or iPhone only? 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
albertmyles Posted July 8, 2021 Share Posted July 8, 2021 I have iPhone so not sure about other devices. Link to comment
tuanphan Posted July 10, 2021 Share Posted July 10, 2021 On 7/8/2021 at 9:28 PM, albertmyles said: I have iPhone so not sure about other devices. Hi. THe url doesn't exist. Can you check it again? 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
albertmyles Posted July 10, 2021 Share Posted July 10, 2021 https://albertmylesjr.squarespace.com Link to comment
tuanphan Posted July 11, 2021 Share Posted July 11, 2021 On 7/10/2021 at 2:10 PM, albertmyles said: https://albertmylesjr.squarespace.com You mean form in Contact page? https://albertmylesjr.squarespace.com/contact Try adding this to Design > Custom CSS div#block-yui_3_17_2_1_1621193199161_103833 * { border-radius: 0 !important; } 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
albertmyles Posted July 11, 2021 Share Posted July 11, 2021 Works!!! Thank you. You are great. Link to comment
tuanphan Posted July 20, 2021 Share Posted July 20, 2021 On 7/16/2020 at 11:58 AM, Jess-7992 said: Site URL: https://seal-platinum-z2yb.squarespace.com/ Hi there, I'd like to reduce the padding at the top and bottom of the footer on this site: https://seal-platinum-z2yb.squarespace.com/ PW: FiveKnights7992 Can anyone advise on this? Thanks in advance! Do you need help with these? Site URL – https://seal-platinum-z2yb.squarespace.com/ 1. (Desktop – Homepage) Scroll bar at the bottom of page. https://seal-platinum-z2yb.squarespace.com/ 2. (All devices – Contact us) The link put in text Contact us is https://seal-platinum-z2yb.squarespace.com/contact-us and it does not exist https://seal-platinum-z2yb.squarespace.com/contact-us 3. (Mobile/Tablet – Approach) On desktop, the entire image can be seen. On mobile/tablet, the image is partially cropped. https://seal-platinum-z2yb.squarespace.com/approach 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
tuanphan Posted July 22, 2021 Share Posted July 22, 2021 On 7/11/2021 at 6:49 PM, albertmyles said: Works!!! Thank you. You are great. Do you need help on these? Site URL – https://albertmylesjr.squarespace.com/ 1. (Mobile – Contact) Scroll bar at the bottom of page. https://albertmylesjr.squarespace.com/contact 2. (Tablet – Menu) Social icons are not aligned with menu items. https://albertmylesjr.squarespace.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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment