Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Image Card Spacing


Wanderdoll

Question

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 post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...