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

Background Image on Blog Index Page

Question

Site URL: https://cinnamon-guitar-2zdw.squarespace.com/blog

 

Hello, I need help with adding a background image to my blog index page with css. 

...or,  adding a background image to to the wrapper of each blog post.

I've been playing around with this code, but nothing is working:

 

.tweak-blog-list-style-stacked .BlogList-item-image {
      background-image: url(IMAGE URL HERE)
    width: 100%;
    max-width: 500px;
}

 

If anyone can please advise, I'd really appreciate it!

Site Password: 7512 

Edited by tweezy

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0
.collection-type-blog.view-item .Content-outer .Main {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

image.thumb.png.fb994d39330fabcfbe660a4b2c9fae51.png


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0
On 2/5/2020 at 1:47 AM, tuanphan said:

.collection-type-blog.view-item .Content-outer .Main {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

image.thumb.png.fb994d39330fabcfbe660a4b2c9fae51.png

 

It didn't work for me. 

Share this post


Link to post
  • 0
On 2/5/2020 at 1:47 AM, tuanphan said:

.collection-type-blog.view-item .Content-outer .Main {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

image.thumb.png.fb994d39330fabcfbe660a4b2c9fae51.png

Hi, I also tried putting this code into the actual page in the page header injection, but that didn't work either. I would like to add a background on the blog index page: 

https://cinnamon-guitar-2zdw.squarespace.com/blog

Password: 7512

Edited by tweezy

Share this post


Link to post
  • 0
8 hours ago, tweezy said:

Hi, I also tried putting this code into the actual page in the page header injection, but that didn't work either. I would like to add a background on the blog index page: 

https://cinnamon-guitar-2zdw.squarespace.com/blog

Password: 7512

I see you fixed?


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

Share this post


Link to post
  • 0
1 hour ago, tuanphan said:

I see you fixed?

I was able to figure out how to add a background to the blog index, but not the individual blog post like your screenshot above.

Edited by tweezy

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...