Docs    Instagram    Customizations

Make the Feed Span the Whole Content Area

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.


@media all and (min-width: 640px) {
.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%


Couldn’t find your answer in the docs?

Contact Support

Was this article helpful?