Jump to content

Avenue footer full width

Recommended Posts

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

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
  • 1 year later...
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

Link to comment
  • 6 months later...
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?

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
  • 2 years later...
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

image.png.365dd8db114a370fdcf46b590b1db5b4.png

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.