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

Instagram Block Full Bleed?


NicholasWangBlog

Question

Is there a way to make an instagram block bleed to the edge of my site? I'd like the square images to take up the full width of the canvas without any padding. I'm using the Pacific template. Any tips would be greatly appreciated.

Thanks!

Edited by NicholasWangBlog
Initial Revision
Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Not sure if anyone else is looking for this, but thought I'd share. Not an ideal solution as it goes outside of margins to avoid having to remove padding and margins from all blocks. The values of th

1 answer to this question

Recommended Posts

  • 0

Not sure if anyone else is looking for this, but thought I'd share.

Not an ideal solution as it goes outside of margins to avoid having to remove padding and margins from all blocks. The values of the margins will need to be edited to fit your site but the following should give people a starting position.

On my end I was using the Carousel design:


//desktop
@media (min-width:961px)
{
.instagram-block{
 padding-left:0px !important;
 padding-right:0px !important;
 //margin-left:-40px !important;
 //margin-right:-40px !important;
 width:100vw !important;
 left:0% !important;
 margin-left:-168px !important;
}
}

//tablet
@media (max-width:960px){
   .instagram-block{
   padding-left:0px !important;
   padding-right:0px !important;
   width:100vw ;
   left:0% !important;
   margin-left:-17px !important;

 }
}

//mobile
@media (max-width:640px) {
 .instagram-block{
   padding-left:0px !important;
   padding-right:0px !important;
    width:100vw ;
   left:0% !important;
   margin-left:-3px !important;
 }
}

Hope this helps someone!

Edited by DMK
Initial Revision
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...