Jump to content

Brine index page content padding

Recommended Posts

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

Hi!

So I have the CSS below on my site. I used the Brine template and tweaked it to have a Flatiron look. It was displaying edge to edge but now the padding is back! Can someone take a look and let me know if I should be doing something different? 

Thanks!

//no side padding gallery page
#block-yui_3_17_2_1_1608184638861_3775 {
  padding-left: 0px;
  padding-right: 0px;
}

Link to comment
  • Replies 4
  • Views 587
  • Created
  • Last Reply
1 hour ago, Kico said:

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

Hi!

So I have the CSS below on my site. I used the Brine template and tweaked it to have a Flatiron look. It was displaying edge to edge but now the padding is back! Can someone take a look and let me know if I should be doing something different? 

Thanks!

//no side padding gallery page
#block-yui_3_17_2_1_1608184638861_3775 {
  padding-left: 0px;
  padding-right: 0px;
}

use this

#portfolio .Index-page-content {
  padding: 0 !important;
}
#portfolio .Index-page-content .sqs-row {
  margin: 0;
}

image.thumb.png.5abf3ce8e6b96144e5ce98752b5b1e96.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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
15 hours ago, bangank36 said:

#portfolio .Index-page-content { padding: 0 !important; } #portfolio .Index-page-content .sqs-row { margin: 0; }

Thanks! I added the code but it's still showing padding. I think it's the 17px margin.

Link to comment
8 hours ago, Kico said:

Thanks! I added the code but it's still showing padding. I think it's the 17px margin.

It's the summary block padding

#portfolio .Index-page-content {
  padding: 0 !important;
}
#portfolio .Index-page-content .sqs-row {
  margin: 0;
}
#portfolio .Index-page-content .summary-v2-block {
  padding: 0 !important;
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 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
2 minutes ago, bangank36 said:

#portfolio .Index-page-content { padding: 0 !important; } #portfolio .Index-page-content .sqs-row { margin: 0; } #portfolio .Index-page-content .summary-v2-block { padding: 0 !important; }

That was it! Thanks @bangank36

Link to comment

Archived

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.