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

TCDテーマOOPS!:ヘッダースライダーの文章を枠で囲う方法

Q.ヘッダーコンテンツを「画像スライダー」にした際、キャッチフレーズと説明文を半透明の枠で囲いたい

A.管理画面【外観】→【TCDテーマオプション】→【基本設定】→「カスタムCSS」に下記のコードを記述してください。

変更する箇所:

 div.p-index-slider__item-content {
    background: rgba(30, 41, 12, 0.25);
    padding: 20px;
}

※rgba(【red】,【green】,【blue】,【alpha(透明度)】)となります。
 rgbは0-255、または、0%-100%で透明度は、0(完全に透明)~1(完全に不透明)の数値で指定します。

RGBカラーの指定につきましては下記リンクをご参照ください。(外部リンク)
RGBカラーについて

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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