Jump to content

Margins for Text with Full Bleed Images!

Recommended Posts

Site URL: http://www.brittanymarom.com

Hi All,

I'm working on a site, www.brittanymarom.com , and love the full-width images across the site. I set the site's margins to 0px to achieve the full-width images, but obviously need a little padding around my text blocks (maybe around 40px) so that they're not falling off the page. I've have had to use custom CSS on each individual text block, for instance:

#block-name-for-example {
  padding-left: 40px !important;
 padding-right: 40px !important; 
}

I would prefer a cleaner solution to target all text blocks so that the site's main user can maintain it herself! I'm new to this--is there a simple way to achieve that? I'd like to target the home page only, but don't mind if it's across the entire site.

Thank you!!

Link to comment
  • Replies 2
  • Views 577
  • Created
  • Last Reply

Remove or comment out your previous code related to spacing and add the following.

.homepage .sqs-block.sqs-block-html {

  padding-left: 40px;
  padding-right: 40px;
  
  }

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.