tweezy 1 Share Posted February 5, 2020 (edited) 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 February 5, 2020 by tweezy Link to post
0 tuanphan 9,600 Share Posted February 5, 2020 .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; } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 tweezy 1 Author Share Posted February 7, 2020 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; } It didn't work for me. Link to post
0 tweezy 1 Author Share Posted February 8, 2020 (edited) 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; } 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 February 8, 2020 by tweezy Link to post
0 tuanphan 9,600 Share Posted February 8, 2020 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? Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 tweezy 1 Author Share Posted February 8, 2020 (edited) 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 February 8, 2020 by tweezy Link to post
0 Biscuitnapper 1 Share Posted February 27 On 2/8/2020 at 1:45 PM, tweezy said: 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. Would you mind sharing how you did it? I've been trying to get a background image to appear and it's driving me crazy. I almost managed it in inspect tools by setting the background for any .section-background div to transparent, but it didn't work on the actual website and even in the inspector, I could only show the body element background colour, not the image. It's very frustrating! If anyone else would be able to help, the website in question is: https://www.bcaexhibits.org/objects-revealed-1, password: ObjectsRevealed_21 Link to post
Question
tweezy 1
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 tweezyLink to post
Top Posters For This Question
4
2
1
Popular Days
Feb 8
3
Feb 5
2
Feb 7
1
Feb 27
1
Top Posters For This Question
tweezy 4 posts
tuanphan 2 posts
Biscuitnapper 1 post
Popular Days
Feb 8 2020
3 posts
Feb 5 2020
2 posts
Feb 7 2020
1 post
Feb 27 2021
1 post
Posted Images
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment