【Cocoon】フロントページで縦型カードのサムネイル画像を幅いっぱいにする方法!

cocoonで、インデックスのカードタイプ縦型を選んだ際に、サムネイル画像を幅いっぱいで表示する方法を紹介します。

といっても、、

padding:0px;

paddingを0pxで指定するだけです。

目次

paddingとは?

念のための解説ですが、paddingとはボックス内側の余白です。
外側の余白はmarginです。

サムネイル画像を見てもらうとわかるかと思いますが、カードの内に余白が少しあって、余白に囲まれるようにサムネイルが表示されています。

なのでpaddingを0で指定しておけばとりあえず内の余白は消えます。

今使っているもの

とりあえず今使っているものを、メモ代わりに載せます。

.entry-card-wrap{
padding:0px;
}
.entry-card-title{
padding: 10px;
}

こんな感じでいけると思います。

.entry-card-titleが文字部分になるので、そこだけ微調整してます。

コメント

コメントする

目次
閉じる