Jump to content

Spacing between bottom section

Recommended Posts

  • Replies 5
  • Created
  • Last Reply
6 hours ago, anna4 said:

Site URL: https://www.igroomhub.com.au/mixed-breeds-advanced/oodle-head-studies

Can someone tell me where to get rid of this spacing please? It is not a site wide problem - very puzzling to me (newb)

It's between the last section on a page and the footer. Pic should explain!

Page is behind a memberspace thingy so access can be arranged, just a little twisted.

 

space.JPG

It's used to navigation between blog posts, it's currently empty but the padding make it takes space, remove like so

.item-pagination--prev-next {
  padding: 0 !important;
}

image.png.8def9085dd1702e79a06d2130aea718c.png

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
18 hours ago, bangank36 said:

It's used to navigation between blog posts, it's currently empty but the padding make it takes space, remove like so


.item-pagination--prev-next {
  padding: 0 !important;
}

image.png.8def9085dd1702e79a06d2130aea718c.png

Thank you so much. Where do i pop this code? It is a folio page? Thank you

 

Link to comment
5 minutes ago, anna4 said:

Thank you so much. Where do i pop this code? It is a folio page? Thank you

 

In Design->Custom css

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
  • 2 weeks later...
On 3/10/2021 at 1:11 PM, anna4 said:

Thank you 🙂

 

I see nav items on 2 lines. Do you want move all on same line?

image.thumb.png.0ce73aa14a0b9729c451dc96dce1e289.png

Also, on mobile, I see space between dog image - footer. You can add this to Design > Custom CSS to remove it.

/* remove white space footer - dog */
@media screen and (max-width:767px) {
section.item-pagination.item-pagination--prev-next {
    display: none;
}
}

image.thumb.png.87df5806d96f5434d4defb330c1afe76.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

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.