Jump to content

How to remove padding from a banner section

Recommended Posts

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

Hello!
I have a problem with the homepage of my website where I have a big area of extra padding after a banner section (after "latest posts"). And the problem is even worse on mobile.

I could not understand where that padding is coming from, as it is not mentioned in the design section of the template. Anyone experiencing who has experienced a similar problem and found a solution?

Thanks!
Francesca

squarespace.png

Link to comment
  • Replies 4
  • Views 244
  • Created
  • Last Reply

Top Posters In This Topic

@FCortesi

This is happening because the height accommodates the tallest title/excerpt. The best fix is to make your titles and excerpts roughly the same length across posts. You can see in this screenshot the longest title/excerpt that is causing the summary block to use a tall height;

image.thumb.png.fdaf5565bbb716297b405e510f22bb14.png

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

Link to comment

@FCortesi there’s not a built-in option to limit the excerpt length. You can check out this discussion and chime in there for a code solution: 

 

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

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.