Jase3000 Posted March 15, 2022 Share Posted March 15, 2022 I have a problem with the images not filling the block on blog pages. I have used different image size and even unsplash images to check. Nothing works. The image keeps on left aligning - see attached. Link to comment
tuanphan Posted March 15, 2022 Share Posted March 15, 2022 Hi. Can you share link to page in screenshot? Jase3000 1 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
Jase3000 Posted March 15, 2022 Author Share Posted March 15, 2022 You can see the same thing here on another page - scroll to the bottom. https://goodsexeducation.com/courses/2022intake The image won't fill out the block properly. Link to comment
Jase3000 Posted March 15, 2022 Author Share Posted March 15, 2022 So apparently it is because of some code that a designer added before - but now that designer is no longer around. Anyone good at code?! Happy to help you with this! It seems that the code you’ve added to the Design -> Custom CSS panel is causing this issue on your site. Troubleshooting code falls outside our scope of support, so we can’t pinpoint the exact issue with the code. However, when I copy and pasted the code onto a test site, I was able to replicate the same issue there. This indicates that the code is causing or contributing to the issue on your site. While we can’t help out with this further, I’d recommend consulting the Squarespace Forum community for guidance: Link to comment
Jase3000 Posted March 15, 2022 Author Share Posted March 15, 2022 /* Blog detail page start */ .blog-item-wrapper.blog-basic-grid-item-wrapper .blog-item-inner-wrapper { width: 90%; } .blog-item-content-wrapper .blog-item-content.e-content img { position: unset !important; width: 50% !important; } .blog-item-content-wrapper .blog-item-content.e-content .image-block-wrapper.has-aspect-ratio { padding-bottom: 0 !important; text-align: center; } .blog-item-content-wrapper .blog-item-content.e-content .sqs-block-image-figure.intrinsic { max-width: none !important; } article#article- .blog-item-top-wrapper .blog-item-title h1 { font-size: 52px; color: #3f3a64; font-family: 'Raleway'; font-weight: 700; } article#article- .blog-item-top-wrapper { margin-bottom: 30px; } @media(max-width: 575px){ .blog-item-content-wrapper .blog-item-content.e-content img { position: unset !important; width: 100% !important; } } /* Blog detail page end */ tuanphan 1 Link to comment
Solution tuanphan Posted March 18, 2022 Solution Share Posted March 18, 2022 Remove this code from your code .blog-item-content-wrapper .blog-item-content.e-content img { position: unset !important; width: 50% !important; } Jase3000 1 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
Jase3000 Posted March 22, 2022 Author Share Posted March 22, 2022 Perfect thanks - that worked! 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