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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.