Easy, Responsive Color-Block Index Section Using Stacked Image Block | Squarespace Rally Template

We modified the stacked image block to make this easy to use color blocked section for the top of this website.  See it live on the Branding Babes Land's End Template.

Screen Shot 2018-04-30 at 9.12.16 PM.png

/*Adds formatting to homepage spotlight post so that the photo is smaller, centered, and the stacked photo background is full width and offset below the photo.*/

.sqs-block-image .design-layout-stack .intrinsic img {width: 70% !important; position: relative !important; left: 15% !important; right: 15% !important;}
.sqs-block-image .design-layout-stack .image-title-wrapper
{padding-top: 35%;}

.Index-page:first-child .Index-page-content
{padding: 0;}

Need help implementing this code, or want it adjusted for your template? Comment below or get in touch!