Jump to content

Image Card Spacing

Recommended Posts

Site URL: https://oval-buffalo-n69g.squarespace.com/home-1

I'm creating a split layout in the bedford theme and almost got it, but there's this odd spacing between the image and card itself I can't seem to get rid of. I've eliminated top and bottom padding, made the blocks full screen, but there's a gap between the image and text even though I'm using an image card. 

This is the code I'm using:

//#** Index Split Layout**//
#what-we-do-index.index-section, #services-index.index-section, #testimonials-index.index-section, #team-index.index-section {
  .index-section-wrapper {
    padding: 0px!important;
    max-width: 100%!important;
    .sqs-block {
      padding: 0px!important;
    .image-inset.content-fit {
      height: 100%
    .design-layout-card img {
      height: 100%!important;
      object-fit: cover;
      -o-object-fit: cover;
    @media screen and (max-width: 640px) {
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) {
        display: block;
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child {
        width: 100%;
      .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper {
        position: relative;
        width: 100%;

Site: https://oval-buffalo-n69g.squarespace.com/home-1
Password: rebuild

Your insight is appreciated.

Screen Shot 2020-07-30 at 12.32.31 PM.png

Screen Shot 2020-07-30 at 12.34.25 PM.png

Link to comment
  • Replies 1
  • Views 656
  • Created
  • Last Reply


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.