The plugin uses inherited padding to set the proper amount of white space between posts. The feed may display as being narrower than other content on your site. You can use this CSS to change this.
CSS
@media all and (min-width: 640px) {
#sbi_images,
.sbi_item {
padding: 0 !important;
}
#sb_instagram #sbi_images .sbi_item {
width: 19.2% !important;
margin: .5% .5% !important;
}
#sb_instagram #sbi_images .sbi_item:nth-child(5n+1) {
margin-left: 0 !important;
}
#sb_instagram #sbi_images .sbi_item:nth-child(5n){
margin-right: 0 !important;
}
}The yellow numbers represents the approximate width of each post minus the amount of margin. Roughly 49% for 2 columns, 32% for 3 columns, 24% for 4, etc. You may need to test different amounts
The red number represents the amount of margin between the posts (both left and right and top and bottom)
The blue number should match the number of columns for the feed.
The example uses “5” since the width of the posts is set to roughly 20%
