tweezy Posted February 5, 2020 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 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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 (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 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tweezy Posted February 8, 2020 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 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
Create an account or sign in to comment
You need to be a member in order to leave a comment