Footer Image Sizes

Site URL: https://plaza-square.squarespace.com

Hi there,

I cannot figure out what size to make the footer image i've added to custom CSS. It's not a flat edge at the top, its a png that has waves. But when it goes to mobile, it looks different and doesn't fit the space of the footer well. I'm not sure how to go about this. I attached the image I'm trying to use and the code I put into custom CSS is below:

#footer-sections {background-image:url('https://static1.squarespace.com/static/60d237e0d91fa6274af33417/t/610312471cca9e0527589e6a/1627591239260/Footer+4.png'); background-repeat:no-repeat; background-size:cover;background-position: center;}
#footer-sections .section-background {display:none!important}
#footer-sections .page-section{background-color:rgba(0,0,0,0)!important}
 

13 hours ago, Auzday said:

Site URL: https://plaza-square.squarespace.com

Hi there,

I cannot figure out what size to make the footer image i've added to custom CSS. It's not a flat edge at the top, its a png that has waves. But when it goes to mobile, it looks different and doesn't fit the space of the footer well. I'm not sure how to go about this. I attached the image I'm trying to use and the code I put into custom CSS is below:

#footer-sections {background-image:url('https://static1.squarespace.com/static/60d237e0d91fa6274af33417/t/610312471cca9e0527589e6a/1627591239260/Footer+4.png'); background-repeat:no-repeat; background-size:cover;background-position: center;}
#footer-sections .section-background {display:none!important}
#footer-sections .page-section{background-color:rgba(0,0,0,0)!important}
 

Hi. The site is private. Can you setup password? We can check easier

Hi there!

I created the password "Peanuts".  Thanks for your time!

14 hours ago, Auzday said:

Hi there!

I created the password "Peanuts".  Thanks for your time!

It looks like you removed it? I don't see it on desktop

On 8/4/2021 at 4:18 AM, tuanphan said:

Site URL: https://plaza-square.squarespace.com

If you click on this link it'll send you to an "under construction" page and just put in the password "Peanuts" without the quotation marks.

Nevermind the website is https://www.mesaplazalaundromat.com/

But I removed the footer for right now because I'm going to go live soon. I still want to change it though.

On 8/6/2021 at 2:19 AM, Auzday said:

Nevermind the website is https://www.mesaplazalaundromat.com/

But I removed the footer for right now because I'm going to go live soon. I still want to change it though.

Hi. If your site is live, you can duplicate the site, add image there, then share duplicated site url. We can check there

Here's the duplicated site url

https://seabass-magnolia-xm7l.squarespace.com

Password is Peanuts.

Footer image is on there. I need it to overlap the end of the footer to see the waves.

But I don't want it to cover up the "Plaza Laundromat copywrite" on the bottom. I want that part to stay white.

On 8/9/2021 at 12:46 AM, Auzday said:

But I don't want it to cover up the "Plaza Laundromat copywrite" on the bottom. I want that part to stay white.

Hi. I see  blue color, don't see image here. Can you add image?

Hi, 

It's on the duplicate website. When you view it on mobile you can see the top of it

https://seabass-magnolia-xm7l.squarespace.com

Password: Peanuts

On 8/12/2021 at 4:16 AM, Auzday said:

Hi, 

It's on the duplicate website. When you view it on mobile you can see the top of it

https://seabass-magnolia-xm7l.squarespace.com

Password: Peanuts

 

Use this code for mobile

@media screen and (max-width:767px) {
footer#footer-sections:before {
    content: "";
    background-image: url(https://static1.squarespace.com/static/6110158f0abbec0324bccdbd/t/611015aa0abbec0324bcd0f4/1627591239260/Footer+4.png);
    background-size: contain;
    display: block;
    width: 100%;
    height: 150px;
}

}