Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Momo222

Question

9 answers to this question

Recommended Posts

  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Screenshot 2021-07-23 at 11.27.17.png

Link to comment
  • 0
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

Screenshot 2021-07-23 at 11.27.17.png

I see your image is 640x640px...

6452.jpg

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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