Jump to content

Making summary block to appear as grid instead of list

Go to solution Solved by MartinKaninsky38,

Recommended Posts

  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I am trying to make it work with this code,  but no luck

 

@media screen and (max-width:640px) {
    #block-yui_3_17_2_1_1709155517454_23599 {
    a.summary-thumbnail-container.sqs-gallery-image-container {
    padding-left: 0 !important;
}
.summary-thumbnail-outer-container {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    float: none !important;
}
}
}

Link to comment

So I am also trying this code

/* Tablet-Mobile-Home-Summary */
@media screen and (max-width:991px) {
section[data-section-id="65c0ae38487ca123bde1eeec"] {
a.summary-thumbnail-container.sqs-gallery-image-container {
    padding-left: 0 !important;
}
.summary-thumbnail-outer-container {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
}
.summary-content.sqs-gallery-meta-container {
    width: 100% !important;
    float: none !important;
}
}
}

but I am only getting to partially grid, just can not make the thumbnail full width.

Thanks for any ideas 🙏 

 

Screenshot 2024-03-01 at 17.57.24.png

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.