お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマAnkle:トップのスライダー画像でスマホでもPC表示と同じ画像の比率で表示する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.質問内容

トップのスライダー画像で、スマホでもPC表示と同じ画像の比率(アスペクト比)で表示したいです。

▼変更箇所イメージ

変更箇所イメージ

A.下記の方法でカスタマイズしてください。

TCDテーマ>基本設定の「カスタムCSS」に以下のような記述を追加してください。

#header_slider_wrap,#header_slider{
  aspect-ratio: 16 / 9;
  height: auto !important;
}

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事