Jump to content

how can i reduce the gap between two sections?

Recommended Posts

  • Replies 8
  • Views 320
  • Created
  • Last Reply

Top Posters In This Topic

46 minutes ago, tuanphan said:

Which page are you referring to? I don't see it on homepage

https://leopard-owl-xw5g.squarespace.com/home

oh... wondering what you see... ?

its two pages: 

https://leopard-owl-xw5g.squarespace.com/home
 -gap between text "current process" and the gallery

https://leopard-owl-xw5g.squarespace.com/all-projects
-gap between text "working progresses" and gallery

pw: testme

Link to comment
8 hours ago, LonniWong said:

oh... wondering what you see... ?

its two pages: 

https://leopard-owl-xw5g.squarespace.com/home
 -gap between text "current process" and the gallery

https://leopard-owl-xw5g.squarespace.com/all-projects
-gap between text "working progresses" and gallery

pw: testme

Add to Design > Custom CSS

.gallery-grid.gallery-grid--layout-grid {
    padding-top: 10px;
}
div#block-a392ace09504fe8143dc h1 {
    margin-bottom: 5px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
8 hours ago, tuanphan said:

Add to Design > Custom CSS

.gallery-grid.gallery-grid--layout-grid {
    padding-top: 10px;
}
div#block-a392ace09504fe8143dc h1 {
    margin-bottom: 5px;
}

 

Hi @tuanphan, sorry to bother again with this gap thing. i try to figure out myself on the other page, that still has this gap going after your principle to identfy the divs and .gallery-grid as an example. how did you identify the content ? so i could do these next time myself...

This is how it looks like with me for example:
337050269_Bildschirmfoto2022-07-06um09_41_08.thumb.png.935e4e8e1abc28d48c09fa4ce009d6fc.png


and here:
https://leopard-owl-xw5g.squarespace.com/home

the gap between shop button and slidshow the gap is still there, and i would love to identfy that as well.

Any help apreciated, Thank you!

Link to comment
On 7/6/2022 at 2:43 PM, LonniWong said:

Hi @tuanphan, sorry to bother again with this gap thing. i try to figure out myself on the other page, that still has this gap going after your principle to identfy the divs and .gallery-grid as an example. how did you identify the content ? so i could do these next time myself...

This is how it looks like with me for example:
337050269_Bildschirmfoto2022-07-06um09_41_08.thumb.png.935e4e8e1abc28d48c09fa4ce009d6fc.png


and here:
https://leopard-owl-xw5g.squarespace.com/home

the gap between shop button and slidshow the gap is still there, and i would love to identfy that as well.

Any help apreciated, Thank you!

This space?

Screenshot_6.thumb.png.01371434641b531aa82e2e2e64a4e7ab.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
21 hours ago, LonniWong said:

yes exactly, that is the big gap. wanted to try out myself by inspecting...

testme

https://leopard-owl-xw5g.squarespace.com/home

Add to Design > Custom CSS

.gallery-slideshow {
    padding-top: 0px !important;
}
[data-section-id="62ab38e13d5b44468b10abca"] .content-wrapper {
    padding-bottom: 10px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.