jvalledy Posted April 23, 2020 Share Posted April 23, 2020 (edited) Site URL: https://www.sonituslabs.com I'm looking to make the text box in my footer reach the far left of the page (as with the header/logo on my site) Any help with this would be much appreciated. Many thanks John Edited April 23, 2020 by jvalledy Link to comment
tuanphan Posted April 23, 2020 Share Posted April 23, 2020 Add to Home > Design > Custom CSS footer#footer-sections .content-wrapper { max-width: 100%; } jvalledy 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
jvalledy Posted April 23, 2020 Author Share Posted April 23, 2020 Thanks again @tuanphan Much appreciated. Link to comment
Guest Posted July 26, 2021 Share Posted July 26, 2021 Hi tried this code but it doesn't seem to work for the Bryant template to extend the Footer width so its the same as the header. Please help if you can Link to comment
tuanphan Posted July 27, 2021 Share Posted July 27, 2021 20 hours ago, HyperX said: Hi tried this code but it doesn't seem to work for the Bryant template to extend the Footer width so its the same as the header. Please help if you can Hi. Can you share link to your site? 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
Guest Posted July 27, 2021 Share Posted July 27, 2021 5 hours ago, tuanphan said: Hi. Can you share link to your site? We can check easier Thanks so much for the reply. I have not published the site yet but it's the problem with the current site (Bedford Template), link below: www.rovr.systems Please let me know if you can help with a code. Link to comment
tuanphan Posted July 29, 2021 Share Posted July 29, 2021 On 7/27/2021 at 10:40 PM, HyperX said: Thanks so much for the reply. I have not published the site yet but it's the problem with the current site (Bedford Template), link below: www.rovr.systems Please let me know if you can help with a code. Add to Design > Custom CSS /* FUllwidth footer */ .footer-inner { max-width: 100% !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
Guest Posted July 29, 2021 Share Posted July 29, 2021 This worked brilliantly. Thanks tuanphan Link to comment
NienowBrand Posted December 14, 2023 Share Posted December 14, 2023 @tuanphan Hello! I tried both of the above codes on my site but neither of them seem to be working. I am looking to have my whole footer match the width of my site. The project thumbnails, logo in top left, and shopping cart in top right. Is there a different code that you might be able to provide that would work? https://adamnienow.com (your help is always appreciated- you have helped me in the past 🙂 Link to comment
tuanphan Posted December 16, 2023 Share Posted December 16, 2023 On 12/15/2023 at 12:24 AM, NienowBrand said: @tuanphan Hello! I tried both of the above codes on my site but neither of them seem to be working. I am looking to have my whole footer match the width of my site. The project thumbnails, logo in top left, and shopping cart in top right. Is there a different code that you might be able to provide that would work? https://adamnienow.com (your help is always appreciated- you have helped me in the past 🙂 Add to Website Tools (under Not Linked) > Custom CSS footer#footer { max-width: 100% !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
NienowBrand Posted December 18, 2023 Share Posted December 18, 2023 @tuanphan Thank you SO much!! It worked perfectly and I love how it looks. You are so helpful!! tuanphan 1 Link to comment
frenja78 Posted January 21 Share Posted January 21 (edited) Hi @tuanphan I'm trying to achieve the same but it does not work for my site. I want the footer to span the full width of the viewport, with a divider line, same as the header. I've tried the following code in the Custom CSS: footer#footer-sections .content-wrapper { max-width: 100%; } footer#footer { max-width: 100% !important; } Some help would be much appreciated! Edited January 27 by frenja78 Link to comment
tuanphan Posted January 25 Share Posted January 25 On 1/22/2024 at 12:39 AM, frenja78 said: Hi @tuanphan I'm trying to achieve the same but it does not work for my site: www.malinnea.design I want the footer to span the full width of the viewport, with a divider line, same as the header. I've tried the following code in the Custom CSS: footer#footer-sections .content-wrapper { max-width: 100%; } footer#footer { max-width: 100% !important; } Some help would be much appreciated! You can use this code to Custom CSS footer#footer-sections { border-top: 1.5px solid black; } footer.sections { --sqs-site-max-width: 100% !important; } frenja78 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
frenja78 Posted January 27 Share Posted January 27 That worked beautifully, many thanks! 😄 Link to comment
SarahHope Posted April 5 Share Posted April 5 (edited) Hi @tuanphan, Just wondering if you can help me. I have tried all these different codes. All I want to do is make my newsletter footer go across the screen at the bottom or at least not be squished all on the left side and instead be justified in the middle. Right now it only goes half way and looks really odd. It especially looks bad on a phone only going half way across. Any help here would be appreciated I've spent hours trying to figure this out. Thank-you, my website url is https://www.sarahhopeart.com/home and my template is Avenue version 7.0 Edited April 5 by SarahHope Link to comment
tuanphan Posted April 7 Share Posted April 7 On 4/6/2024 at 3:57 AM, SarahHope said: Hi @tuanphan, Just wondering if you can help me. I have tried all these different codes. All I want to do is make my newsletter footer go across the screen at the bottom or at least not be squished all on the left side and instead be justified in the middle. Right now it only goes half way and looks really odd. It especially looks bad on a phone only going half way across. Any help here would be appreciated I've spent hours trying to figure this out. Thank-you, my website url is https://www.sarahhopeart.com/home and my template is Avenue version 7.0 Use this CSS code div#footerBlock { width: 100% !important; margin-top: 10px; } footer#footer { display: flex; flex-direction: column-reverse; } 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
SarahHope Posted April 8 Share Posted April 8 @tuanphan oh yay! thank you so much that worked! tuanphan 1 Link to comment
ClaireD Posted August 26 Share Posted August 26 I am having the same issue, and have tried adding the different codes suggested above. Site is brendaharris.ie and I want the footer to span the full width of the page. Can you suggest anything for me? Many thanks. Link to comment
tuanphan Posted August 30 Share Posted August 30 On 8/26/2024 at 10:26 PM, ClaireD said: I am having the same issue, and have tried adding the different codes suggested above. Site is brendaharris.ie and I want the footer to span the full width of the page. Can you suggest anything for me? Many thanks. You can use this to Website Tools > Custom CSS footer#footer { width: 100% !important; } footer#footer .newsletter-form-wrapper { max-width: 100% !important; margin-left: 0px !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment