採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

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;

}

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

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

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