WordPressテーマTCDのカスタマイズを研究するサイト

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://design-plus1.com/tcd-w/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

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

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。