「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマRUMBLE:メインビジュアルのスライダー部の高さを変更する方法

Q.メインビジュアルのスライダー部の高さを変更したいのですが、方法はありますか?

A.該当ファイルをカスタムCSSに追加してください

.slick-list, .p-index-slider__item-youtube {
    height: 1500px !important;
}
.p-index-slider__item-inner, .p-index-slider__item-image {
    height: 1500px;
}

お好みの値へご調整くださいませ。

その他の箇所をご変更されたい場合は、
該当箇所の要素を指定頂きまして、
設定内容をご記述くださいませ。

どのようなID名、クラス名が使用されているかご確認頂く方法としては、
ブラウザに搭載されております「開発者モード」という機能をご使用頂きましたら、
簡単にご確認頂けるかと思います。
インスペクターの横にございますボタンが便利です。
詳しくは下記の記事が参考になると思いますので、ご確認の上、お試しくださいませ。
http://tcd-theme.com/2016/06/google-develop.html
また、CSSの記述方法や内容につきましては、
下記記事がご参考になると思われますので、ご覧くださいませ。
https://saruwakakun.com/html-css/reference/selector
https://techacademy.jp/magazine/4872
http://honttoni.blog74.fc2.com/?tag=CSS3

カスタマイズにつきましてはサポート対象外となりますため、
万が一不具合が生じました場合、弊社では責任を負う事ができかねます。
何卒ご了承下さいませ。カスタマイズに関しましては必ずバックアップを
ご用意の上、恐縮ながらお客様の責任において実施して頂きますようお願い申し上げます。

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

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

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