フィードをコンテンツエリア全体に広げる

このプラグインは、継承されたパディングを使用して、投稿の間に適切な量の空白を設定します。フィードはあなたのサイトの他のコンテンツよりも狭く表示されるかもしれません。これを変更するには、この CSS を使用します。

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;
}
}

黄色の数字は、各記事の幅から余白を引いたおおよその幅を表しています。2カラムの場合は大体49%、3カラムの場合は32%、4カラムの場合は24%など。異なる量をテストする必要があるかもしれません

赤い数字は、投稿と投稿の間のマージン(左右と上下の両方)を表しています。

青色の数字は、フィードのカラム数と一致させる必要があります。
この例では、投稿の幅をおよそ20%に設定しているので、"5 "を使用しています。

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?