メインタイトルのサイズ調整
はじめまして。
「TOPメイン画像」の「メインタイトル」に店名を入れようと思っています。
店名が9文字と長いので、pcでは1段で表示されますが、スマホで見ると2段になります。タイトル文字サイズを小にしています。
タイトルの文字サイズをhtmlで小さくしたいのですが、S,M,Lで指定してあるので、どうやって小さくしたらいいか分かりません。
どのようにしたら、小さく表示出来ますか？
よろしくお願いします。
前に、テーマ違いで同じ質問があったので、そのまま入れてみましたが、だめでしたm(_ _)m
https://basedesign.info/question/%e3%83%a1%e3%82%a4%e3%83%b3%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ae%e3%82%b5%e3%82%a4%e3%82%ba%e8%aa%bf%e6%95%b4/
ショップのURL、貼っておきます。
https://smileniko.thebase.in/
お返事、お待たせしました。
参照していただいた過去質問は、Landscapeというテーマが対象でしたが、UNIVERSEについてご案内させていただきます。
UNIVERSEはちょっとしたカスタマイズ用に、デザイン編集項目の一番下に「独自CSS」という蘭があります。こちらにCSSを書くことができますので、もし過去の質問例のやり方でHTML編集で直接書き込まれたものがあれば、まずは削除してください。
「独自CSS」の蘭に
@media only screen and (max-width: 767px) {
.hero h2 { font-size: 2em !important;}
}と記述することで、スマホサイズのみのタイトル文字サイズを上書き指定できます。
Sサイズの初期値が「3em」となっているので、それ以下の数値にすることでSサイズよりも小さくなります。
お試しください。
こんにちは！
回答ありがとうございます。
直接htmlを触らなくてもいいので、いいですね♫
簡単に出来ました。2.5emでちょうどいい感じになりました。
ありがとうございます。よかったです！
また何かありましたらお気軽にご質問ください。
