WordPressテーマ『十二単』リリース 🎉

Cocoonの記事一覧(3列)の余白を大きくする方法

デフォルトだとこんな感じで若干余白が狭いので、これを下の画像のようにカスタマイズします。

もくじ

手順

外観 > カスタマイズ > 追加CSS

に下記コードを追加してください。

.ect-vertical-card.ect-tile-card .a-wrap {
    margin: 0 10px 20px;
}
.ect-3-columns .entry-card-wrap {
    width: calc(33.33% - 20px);
}
/*デバイス幅480px以下では余白をパーセンテージにする*/
@media (max-width:480px) {
  .ect-vertical-card.ect-tile-card .a-wrap {
    margin: 0 1.5% 10px;
  }
  .ect-3-columns .entry-card-wrap {
    width: 30.3333%;
  }
}

これだけです。お疲れ様でした〜

CTAエリアイメージ

WordPressテーマ『十二単』

無料のWordPressテーマです。絶賛開発中。
詳しくみる

✒️ Writer ✒️

たかさき

しがないたかさきです。HTML/CSS/JS/PHP/Ruby/SQLちょっと書けます、Photoshopちょっと使えます。Vue勉強中、埼玉とか都内の勉強会良いのあれば教えてください〜。メディア売買経験あります、ミドルレベルでの検索結果1位何回か取ったことあります。詳しくはこちら

Follow Me:)

COMMENT

コメントする

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。


内容をご確認の上、送信してください。