【Cocoon】縦型カードの余白を調整する方法

この記事は個人的な備忘録として残します。

スポンサーリンク

縦型カード同士の横の余白を調整する方法

.ect-vertical-card .entry-card-wrap {
        magrin: 0px 0px 0px 10px;
}

margin:要素の外側の余白
左から上下左右の余白を調整できます。

上だけ⇒ margin-top
下だけ⇒ margin-bottom
左だけ⇒ margin-left
右だけ⇒ margin-right
こんな書き方もあります。
つまり、

.ect-vertical-card .entry-card-wrap {
        magrin-left: 10px;
}

   .ect-vertical-card .entry-card-wrap {
        magrin-right: 10px;
}

こういう感じもいいですね
また、

.ect-vertical-card .entry-card-wrap {
        width: 49%;
}

サイズを調整するだけでもOKなようです。
49%が分岐点となり、さらに余白を広げたい場合はもっと下げてください。

スポンサーリンク

縦の余白を調整する方法

.ect-vertical-card .entry-card-wrap {
       margin-bottom: 10px;
}

さっきと一緒ですね。

自由コメント 登録不要です!

タイトルとURLをコピーしました