Jump to content

Image not filling block on blog page.

Go to solution Solved by tuanphan,

Recommended Posts

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

/* 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 */

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.