Le plugin utilise l'espacement hérité pour définir la quantité appropriée d'espace blanc entre les articles. Le flux peut s'afficher comme étant plus étroit que les autres contenus de votre site. Vous pouvez utiliser ce CSS pour changer cela.
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;
}
}
Les chiffres jaunes représentent la largeur approximative de chaque message moins la marge. En gros, 49 % pour 2 colonnes, 32 % pour 3 colonnes, 24 % pour 4 colonnes, etc. Il se peut que vous deviez tester différentes quantités
Le chiffre rouge représente la marge entre les messages (à la fois à gauche et à droite, en haut et en bas).
Le nombre de bleus doit correspondre au nombre de colonnes du flux.
L'exemple utilise "5" puisque la largeur des articles est fixée à environ 20%.