Re: 画像スライダーのタイトルの文字の色変更と、文字サイズをスマホでは小さく表示したい

2017年9月13日 at 16:19

レスポンシブ対応しているのかと思っていたのですが

テーマとしては対応しているのですが、スライダーのタイトルに関しては、レスポンシブ用の文字の大きさの設定がないですね。

フォルダにあるCSSのどれかでしょうか

ファイルとしては、

concrete > themes > elemental > css > build > blocks > image-slider.less

です。
それの139行目ですね。

ただし、テーマのカスタマイズから変更できるように、変数で記述しています。
また、concrete 以下のファイルは直接修正等をしないというのが、concrete5のお作法になってます。
カスタマイズする場合は、

http://concrete5-japan.org/community/forums/design/post-13866

あたりを参考にしてください。


ちょっとハードルが高いと思いますので、下記のコードを

ページ設定(ギア・アイコン) > デザイン > テーマのカスタマイズの一番下にある『カスタムCSS』に記述してください。(添付画像参照)

div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 {
font-size: 1.6em;
line-height: 1.2;
}

@media (min-width: 768px) {
div.ccm-page .ccm-image-slider-container .ccm-image-slider-text h2 {
font-size: 3.2em;
line-height: 1.42857143;
}
}

font-size は適宜変更してください。