Unwanted gaps

Hey Ben,

It looks like you may have reverted back to version 1.12. Is that right? Would you be able to update again so I can see what might be going on?

Otherwise, you can try clearing any page caching plugin’s you’re using or enabling the setting “Load initial posts with AJAX” as that can bypass any formatting forced by the theme.

– Craig

Thanks @craig-at-smash-balloon

I updated again so you can see the gaps.
I tried the AJAX option and cleared WP Rocket cache but it didn’t fix it.
It seems to be theme dependent as a preview of the 2020 theme does not seem to have any gaps.

It looks like the theme is adding some padding to one of the elements inside each sbi_item element. https://snipboard.io/BAdFZt.jpg

Try adding this to the Custom CSS area to add a similar spacing to the elements as the code was trying to accomplish:

#sb_instagram #sbi_images .sbi_item:nth-child(odd) .sbi_photo_wrap {
    padding: 0
}
#sb_instagram #sbi_images .sbi_item:nth-child(even) .sbi_photo_wrap {
    padding: 0
}
#sb_instagram #sbi_images .sbi_item:nth-child(odd)  {
   width: 49% !important;
    margin-right: 2%!important;
    margin-bottom: 2% !important;
}

#sb_instagram #sbi_images .sbi_item:nth-child(even) {
    width: 49% !important;
    margin-bottom: 2% !important;
}

Thanks!

– Craig

• This reply was modified 5 years, 2 months ago by Craig at Smash Balloon.

Thanks a lot Craig! It worked. But I ended up removing the code and just using the padding option in the settings.

Sounds good Ben! Have a great start to your week.

Thanks @craig-at-smash-balloon for a great plugin!!