「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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カラーについて

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

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

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