Snow Monkey 投稿記事一覧のアイキャッチ画像の比率を4:3から16:9に変更するCSSコード

WordPressテーマ Snow Monkeyの記事一覧(例えば、最近の投稿ブロックなど)のアイキャッチ画像の比率が、4:3 なのを 16:9 に変更するには下のCSSコードを追加する。

/* アイキャッチ画像 16:9 */
.c-entry-summary .c-entry-summary__figure::before {
    padding-top: 56.25%;
  }

PC表示の、最近の投稿ブロック での シンプル レイアウトだと、アイキャッチ画像サイズが小さく感じるので、下のコードも追加する。

@media (min-width: 1024px) {
    .c-entries--simple .c-entry-summary__figure {
        width: 33% !important;
    }
  }

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告