Wanderdoll Posted July 30, 2020 Share Posted July 30, 2020 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. Link to comment
Wanderdoll Posted July 30, 2020 Author Share Posted July 30, 2020 Nevermind it was in the Site Styles 🤦♀️ Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment