tweezy Posted February 5, 2020 Share Posted February 5, 2020 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 Link to comment
tuanphan Posted February 5, 2020 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.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tweezy Posted February 7, 2020 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 comment
tweezy Posted February 8, 2020 Author Share Posted February 8, 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; } 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 Link to comment
tuanphan Posted February 8, 2020 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.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tweezy Posted February 8, 2020 Author Share Posted February 8, 2020 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. Link to comment
Biscuitnapper Posted February 27, 2021 Share Posted February 27, 2021 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 comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.