How to add a background image to Squarespace 7.1 blog page?

Site URL: https://parrot-apricot-rfb9.squarespace.com/missionupdate

Hello everyone, 

Please can you help me with a code to add a custom BG image to my Squarespace 7.1 blog page:

Page (still under construction): https://parrot-apricot-rfb9.squarespace.com/missionupdate

Thanks so much!

18 hours ago, Momo222 said:

Site URL: https://parrot-apricot-rfb9.squarespace.com/missionupdate

Hello everyone, 

Please can you help me with a code to add a custom BG image to my Squarespace 7.1 blog page:

Page (still under construction): https://parrot-apricot-rfb9.squarespace.com/missionupdate

Thanks so much!

Add to Design > Custom CSS

/* blog background */
body.collection-type-blog-side-by-side {
    .section-background, .page-section {
    background: transparent !important;
}
& {
   background-image: url(https://cdn.pixabay.com/photo/2021/01/07/22/15/dandelion-5898546__340.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent !important;
}
}

Hey, thank you so much for your reply! 🙂

The image does come up with that code but it's really low res (see pic)? Is there anyway to fix that? Actual image size is 1920x1920.

Thanks again! x

On 7/23/2021 at 5:30 PM, Momo222 said:

Hey, thank you so much for your reply! 🙂

The image does come up with that code but it's really low res (see pic)? Is there anyway to fix that? Actual image size is 1920x1920.

 

Thanks again! x

I see your image is 640x640px...

Yes, seemed to be compressed by the site. I've re uploaded it now and think it works ok? 🙂

Thank you so much again! x

Hello, 

Thanks so much for checking all that. The content width is actually a request, they want it so narrow. 

I've inserted now the nav bar code, so it doesn't fall into 2 lines. Thanks so much for that!! x

Not sure why the Email is cut into 2 lines? how can that be solved? 

Thank youuuuu xx

18 hours ago, Momo222 said:

Hello, 

Thanks so much for checking all that. The content width is actually a request, they want it so narrow. 

I've inserted now the nav bar code, so it doesn't fall into 2 lines. Thanks so much for that!! x

Not sure why the Email is cut into 2 lines? how can that be solved? 

Thank youuuuu xx

The url doesn't exist. Can you check it again?

https://parrot-apricot-rfb9.squarespace.com/home-1

Yeah I've cleaned up the URL a bit https://parrot-apricot-rfb9.squarespace.com/

We'll connect our own domain to it once the site is ready to go x

21 hours ago, Momo222 said:

Yeah I've cleaned up the URL a bit https://parrot-apricot-rfb9.squarespace.com/

We'll connect our own domain to it once the site is ready to go x

Hi. Add this to Design > Custom CSS to solve problem

/* Contact us-Tablet-Make email not break */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="60c7d410ff7e56537fcd371e"] .content {
    width: 75% !important;
}
}

Amazing! Thank you soooo much!! xx