Jump to content

Instagram Block Appearance

Recommended Posts

Website: https://josoma.com
Password: pearler
Footer block: https://share.zight.com/BluPEwwq

I'm having troubles getting all the Instagram images to appear uniform in size and spacing on mobile and desktop. I find that since so many people are doing video posts, this is what the block can't seem to handle well.

My code is below.

Any help is much appreciated!

 

.instagram-block .slide .sqs-video-overlay {
    height: auto; 
}
  
.instagram-block .slide a img, .instagram-block .slide .sqs-video-overlay img {
    top: 0 !important;
    width: 90% !important;
    height: auto !important;
    left: unset !important;
}
  
.instagram-block .margin-wrapper, .instagram-block .sqs-video-wrapper .intrinsic {
    width: 100%;
    height: 100%;
    padding-bottom: unset !important;
}
  
.content-wrapper.content-fit, .sqs-video-wrapper.video-fit {
     width: 100% !important;
    height: 100% !important;
    padding-bottom: unset !important;
    top: 0 !important;
    position: static !important
}

.sqs-layout .sqs-gallery-design-grid-slide {
    width: 50% !important;
}
  
.sqs-layout .sqs-gallery-design-grid-slide  * {
    box-sizing: border-box;
}

.instagram-block .sqs-gallery-design-grid-slide .content-wrapper {
  overflow: visible !important;
}

footer .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper {
  	margin-bottom: 12vh !important;
}

 

Link to comment
  • Replies 0
  • Views 315
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

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


×
×
  • 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.