Avenue footer full width

How can I make Avenue footer full width? Or even just centering it on the page instead of left justifying would help.

5 hours ago, styleproof said:

How can I make Avenue footer full width? Or even just centering it on the page instead of left justifying would help.

Add to Home > Design > Custom CSS

/* Footer Full width and background color */
#canvas {
    max-width: 100%;
    position: relative;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px;
    background: gray;
}
section#page {
    margin-bottom: 150px;
}

Reference: https://beaverhero.com/avenue-squarespace/#Footer_Background_Color_Footer_Full-width

On 12/23/2019 at 6:57 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* Footer Full width and background color */
#canvas {
    max-width: 100%;
    position: relative;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px;
    background: gray;
}
section#page {
    margin-bottom: 150px;
}

Reference: https://beaverhero.com/avenue-squarespace/#Footer_Background_Color_Footer_Full-width

I did this and it didn't work, I'd like the text to  be centered. You can see at http://yourejustmytype.com

On 2/19/2021 at 9:10 PM, LauraLeigh said:

I did this and it didn't work, I'd like the text to  be centered. You can see at http://yourejustmytype.com

You want footer fullwidth or center text?

I am looking to do the same thing on a website. I would like the footer fullwidth and then center the text

On 9/10/2021 at 1:19 AM, shimejicreatives said:

I am looking to do the same thing on a website. I would like the footer fullwidth and then center the text

Hi,

What is your site url? Do you use Personal, Business or Commerce Plan?

I'd like to make the footer align with the rest of the content on the page, but none of these codes are working. 

When I scale the browser to full width on my monitor, the footer doesn't align on the left side. How can I make it full width so it aligns with the header and portfolio grid? 

www.audreypeluso.com

@tuanphan

On 12/29/2023 at 11:33 PM, _audball said:

I'd like to make the footer align with the rest of the content on the page, but none of these codes are working. 

When I scale the browser to full width on my monitor, the footer doesn't align on the left side. How can I make it full width so it aligns with the header and portfolio grid? 

www.audreypeluso.com

@tuanphan

Can you change Footer to Classic Editor? We can use code to align footer - page content easier

@tuanphan Ok, I switched to the classic editor. 

On 1/3/2024 at 11:36 PM, _audball said:

@tuanphan Ok, I switched to the classic editor. 

I see your site has a password now..

@tuanphan Ah crap, my apologies. I removed the password. 

On 1/5/2024 at 10:56 PM, _audball said:

@tuanphan Ah crap, my apologies. I removed the password. 

Add this to Website Tools (under Not Linked) > Custom CSS

footer.sections .content-wrapper {
    max-width: 100% !important;
}

@tuanphan It worked. Thank you!!!