Jump to content

reduce padding on single page

Recommended Posts

Posted

Site URL: https://www.gardenclubofoldgreenwich.org/stuff

Hi,

I have an index page in Brine, and the first page is a markdown block (it's the only thing on the page.) You can toggle its block and see another page. 

Is there a way to make the page  look more like a banner? I have a background image that is a solid color and it would look fine if there was less padding on the top and bottom.

When the page is not an index page, I can color the markdown box but it doesn't go from edge to edge so it looks like a banner instead of a floating box.

 

Thanks

  • Replies 4
  • Views 324
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted
3 hours ago, charbar said:

Site URL: https://www.gardenclubofoldgreenwich.org/stuff

Hi,

I have an index page in Brine, and the first page is a markdown block (it's the only thing on the page.) You can toggle its block and see another page. 

Is there a way to make the page  look more like a banner? I have a background image that is a solid color and it would look fine if there was less padding on the top and bottom.

When the page is not an index page, I can color the markdown box but it doesn't go from edge to edge so it looks like a banner instead of a floating box.

 

Thanks

Try adding to Home > Design > Custom Css

#first .Index-page-content  {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted

Hi,

That didn't change anything on the "stuff" page but it did reduce the padding on my home page.  It didn't change anything on my other index page (members - I just took off the password)

 

 

Posted

I did add some changes to reduce padding is several places.  Maybe that is a problem?

// reduce margins everywhere
.markdown-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
 }
.Footer-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 80px;
}
.Main-content {
    padding: 80px 80px !important;
}

Posted

never mind. I figured it out. I just figured out that "first-page" referred to my page, not a label for the first page of any index. 

 

Thanks so much.

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.