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

TCDテーマRUMBLE:トップページのスライダーサイズや色を変更したい。

Q.トップページのスライダーのサイズを小さく変更したいのですが、方法はありますか?

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

スライダーの調整についてですが、当テーマのスライダーは大きいことが特徴となっておりますため、テーマオプションでは設定箇所がございません。つきましては、CSSにてご調整頂くことがよろしいことと思われます。

外観>TCDオプション>基本設定>カスタムCSS

#js-index-slider .slick-list, .p-index-slider__item-youtube {
    height: 500px !important;
}
.p-index-slider__item-inner, .p-index-slider__item-image {
    height: 500px;
}
.p-index-slider__item--type2 .p-index-slider__item-content,
.p-index-slider__item--type3 .p-index-slider__item-content {
    top: 30%;
}

また、ヘッダーの文字色についてですが、
カスタムCSSへ下記内容をご記述くださいませ。

/* 最上部ヘッダーメニュー */
.p-header__top .l-inner #menu-header-menu li a {
    color: #000;
}
/* ソーシャルアイコン */
.p-header__top .l-inner .p-social-nav li a {
    color: #F00;
}
/* 検索アイコン */
.p-header__top .l-inner .u-right .p-header-search .c-search-button::before {
    color: #FF0;
}
/* タイトル */
.l-inner .p-logo a {
    color: #0F0;
}
/* グローバルメニュー部 */
.l-header a, .p-global-nav > li > a {
    color: #0FF;
}
The following two tabs change content below.

tcd

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

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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