サポート » プラグイン » xo sliderのタイトルなどの文字色やサイズの変更

  • 解決済 zairu

    (@zairu)


    xo sliderで使用する写真ないのタイトルとサブタイトルの文字色を変更できますか?

    また、文字のサイズ変更も可能でしょうか?
    可能であれば、CSSと配置場所などを教えていただけると助かります。

    お手数おかけしますが、よろしくお願いします。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    下記のような 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 に変更してください。

    トピック投稿者 zairu

    (@zairu)

    ご親切にありがとうございます。
    非常に助かりました。

    トピック投稿者 zairu

    (@zairu)

    たびたび申し訳ありません。

    昨日いただいたcssを貼ってみたのですが、文字色等は変化しませんでした。
    私が使用しているテーマがswell、テンプレートはサムネイル付きのスライダーで写真は5枚使用しています。

    CSSを貼った場所は、XOスライダーブロックの高度な設定にある追加cssクラスの部分です。

    XO Slider設定のテンプレートCSSは、フッターに配置を選択しています。

    お手隙の際で構いませんので、よろしくお願いします。

    ishitaka

    (@ishitaka)

    ブロックの「追加 CSS クラス」ではなく、カスタマイズの「追加 CSS」に記述してみてください。

    トピック投稿者 zairu

    (@zairu)

    お返事をありがとうございます。

    カスタマイズの追加CSSに貼ってみましたが、やはり変化しませんでした・・

    ishitaka

    (@ishitaka)

    対象ページの URL を教えてもらえますでしょうか?

    トピック投稿者 zairu

    (@zairu)

    何度もお答えいただきありがとうございます。
    対象の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;
    }
    トピック投稿者 zairu

    (@zairu)

    ありがとうございます。
    変更できました。
    心より感謝します。

    もう一点、ボタンの色とボタン内の文字色や大きさの変更ができれば、教えていただきたいです。
    よろしくおねがします。

    こんな感じはどうでしょうか?

    #xo-slider-9795.xo-slider .slide-button-main {
    	color: red;
    	font-size: 3em;
    	border-color: red;
    }
    トピック投稿者 zairu

    (@zairu)

    すいません。お返事遅くなってしまいました。
    いろいろいじってたら、おかしくなって、復活させるのに手間取ってました。

    今回もサポートいただき、ありがとうございます。
    カスタマイズの追加CSSに入れてみたのですが、変化がないようです。
    よろしくお願いします。

    こちらはどうでしょうか?

    #xo-slider-9795.xo-slider .slide-content-button-main {
    	color: red;
    	font-size: 3em;
    	border-color: red;
    }

    トピック投稿者 zairu

    (@zairu)

    いろいろとありがとうございます。
    解決いたしました。
    本当に感謝です。
    お礼をしたいのですが、どうすればよろしいでしょうか?

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • トピック「xo sliderのタイトルなどの文字色やサイズの変更」には新たに返信することはできません。