Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom spacing between sections and blocks


lincolnjubb

Question

Site URL: https://chimes-tomato-2rwe.squarespace.com/

Hi, I'm after some help with some spacing amendments?

https://chimes-tomato-2rwe.squarespace.com/

Password: LINCHPIN

I'm looking to inject CSS and have even gaps and padding between Gallery grid simple blocks (site wide) on mobile and desktop.

2025773462_ScreenShot2020-05-15at12_22_34pm.thumb.png.97bbee5181ba8c657a5e0ea4239f9a35.png

1004934011_ScreenShot2020-05-15at12_22_50pm.thumb.png.ce69b032d2056be63755faf4b1cf0207.png

I'd also like to be able to adjust section width to be thinner than the default of 10 (VW?) site wide when needed as I want to add thin lines between different sections.

1198025347_ScreenShot2020-05-15at12_28_41pm.thumb.png.573531d299bcb246c4d12005adafeffd.png

@tuanphan I'd love your thoughts?

Kind regards.

Lincoln

Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

To adjust spacing, add this to Home > Design > custom CSS

@media screen and (min-width:768px) {
/* red section */
[data-section-id="5ebdf6c777554077ad768c0d"] .gallery-grid--layout-grid .gallery-grid-wrapper {
    grid-column-gap: 5vw !important;
    grid-row-gap: 5vw !important;
}
/* cream section */
[data-section-id="5ebdf6c777554077ad768c15"] .gallery-grid--layout-grid .gallery-grid-wrapper {
    grid-column-gap: 5vw !important;
    grid-row-gap: 5vw !important;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...