Cocoonのブログカードのデザインカスタマイズ

カスタマイズ内容

Cocoonのブログカードのデザインをカスタマイズする方法

CSS

/************************************
** ブログカード
************************************/
/*内部ブログカードのフッター非表示*/
.internal-blogcard-footer{
display:none;
}
/*背景色*/
.blogcard-wrap {
background-color: #f8f8f8;
}
/*枠線なし*/
.blogcard{
border:none;
}

背景色の変更

【サンプル：濃いめのグレー】

/*背景色濃いめのグレー*/
.blogcard-wrap {
background-color: #e2e3e5;
}

枠線の有無/色/種類

【サンプル：背景色＋枠線】

/*背景色＋枠線*/
.blogcard{
border: 1px solid #eee;
}
.blogcard-wrap {
background-color: #f8f8f8;
}

【サンプル：二重線＋角の丸みなし】

/*二重線＋角の丸みなし*/
.blogcard{
border: 4px double #717171;
border-radius: 0;
}

さいごに