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

TCDテーマBeauty:トップページ画像スライダー内のボタンを透過色にする方法

Q.トップページ画像スライダー内のボタンを透過色にしたい

A.カスタムCSSにて下記の設定をいただくと可能となります。

外観>TCDテーマオプション>基本設定>カスタムCSS に下記コードをご記入ください。

.p-header-slider__item .p-header-slider__item-btn {
background-color: rgba(255,0,0,0.5);
}

.p-header-slider__item .p-header-slider__item-btn:hover {

background-color: rgba(255,0,0,0.5);
color: #ffffff;

}

※カラーはご自身でご変更くださいませ。
また、スライダー2の場合は下記となります。

p-header-slider__item2 .p-header-slider__item-btn {
background-color: rgba(255,0,0,0.5);
}

.p-header-slider__item2 .p-header-slider__item-btn:hover {

background-color: rgba(255,0,0,0.5);
color: #ffffff;

}
The following two tabs change content below.

タケ

マイナーな海外地方都市への旅行が好きです。 リトアニア名物料理「ツェペリナイ」は絶品でした。

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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