Jump to content

HELP: How to disable two image per row css code to only 2 specific pages

Recommended Posts

Site URL: https://www.buildingrootsph.com

Hello, I used the code below to, hopefully, show 2 images per row on all my grid summary blocks on mobile view.

@media screen and  (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 50% !important; position: static; }

.sqs-block-summary-v2 .summary-item-list { display: flex; flex-wrap: wrap; flex-direction: row; }

It works! But, it also affects my carousel summary blocks. How do I disable that css to only 2 pages of my website (where all I used are carousel summary blocks)?




Link to comment
  • Replies 1
  • Created
  • Last Reply

HI Mcddt,

You can access Pages section and choose Advanced section in individual pages to add the custom code for them without affect the whole site


BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!


Link to comment


This topic is now archived and is closed to further replies.

  • 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.