ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマBASARA:トップページ「記事スライダー」のアローの背景色を変更する方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.トップページの「記事スライダー」の左右矢印の色合い(背景色・アイコンの色・枠線)を変更したいです。

アイキャッチ画像の色合いによってはアロー部分が見えづらいこともあるかもしれませんね。

▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに入力してください。

@media (min-width: 992px) {
 .p-cb-item-carousel .p-cb-carousel .splide__arrow {
   background: 〇!important; color: 〇; border: 1px solid 〇; }
}

〇を任意のカラーコードに変更してください。

補足各プロパティの解説です。
background: 背景色
color: アイコン(< >)の色
枠線が不要な場合は「border: 1px solid 〇;」の記述を削除してください。

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

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

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