xo sliderのタイトルなどの文字色やサイズの変更
13件の返信を表示中 - 1 - 13件目 (全13件中)
-
こんにちは
下記のような CSS で変更できます。配置場所はカスタマイズの「追加 CSS」やテーマの style.css などでいいかと思います。
#xo-slider-123.xo-slider .slide-content-title { color: red; font-size: 3em; } #xo-slider-123.xo-slider .slide-content-subtitle { color: red; font-size: 2em; }
※ #xo-slider-123 の 123 はスライダー ID です。実際のスライダー ID に変更してください。
たびたび申し訳ありません。
昨日いただいたcssを貼ってみたのですが、文字色等は変化しませんでした。
私が使用しているテーマがswell、テンプレートはサムネイル付きのスライダーで写真は5枚使用しています。CSSを貼った場所は、XOスライダーブロックの高度な設定にある追加cssクラスの部分です。
XO Slider設定のテンプレートCSSは、フッターに配置を選択しています。
お手隙の際で構いませんので、よろしくお願いします。
何度もお答えいただきありがとうございます。
対象のURLはこちらになります。
https://tougezairu.xsrv.jp/どうか引き続きよろしくお願いします。
CSS のセレクタが違うようです。下記のようにしてみてはどうでしょうか?
#xo-slider-9795.xo-slider .slide-content-title { color: red; font-size: 3em; } #xo-slider-9795.xo-slider .slide-content-subtitle { color: red; font-size: 2em; }
または
.xo-slider .slide-content-title { color: red; font-size: 3em; } .xo-slider .slide-content-subtitle { color: red; font-size: 2em; }
ありがとうございます。
変更できました。
心より感謝します。
もう一点、ボタンの色とボタン内の文字色や大きさの変更ができれば、教えていただきたいです。
よろしくおねがします。こんな感じはどうでしょうか?
#xo-slider-9795.xo-slider .slide-button-main { color: red; font-size: 3em; border-color: red; }
すいません。お返事遅くなってしまいました。
いろいろいじってたら、おかしくなって、復活させるのに手間取ってました。
今回もサポートいただき、ありがとうございます。
カスタマイズの追加CSSに入れてみたのですが、変化がないようです。
よろしくお願いします。こちらはどうでしょうか?
#xo-slider-9795.xo-slider .slide-content-button-main { color: red; font-size: 3em; border-color: red; }
13件の返信を表示中 - 1 - 13件目 (全13件中)
- トピック「xo sliderのタイトルなどの文字色やサイズの変更」には新たに返信することはできません。