haya_602001 asked 4年 前
はじめまして。
「TOPメイン画像」の「メインタイトル」に店名を入れようと思っています。
店名が9文字と長いので、pcでは1段で表示されますが、スマホで見ると2段になります。タイトル文字サイズを小にしています。
タイトルの文字サイズをhtmlで小さくしたいのですが、S,M,Lで指定してあるので、どうやって小さくしたらいいか分かりません。
どのようにしたら、小さく表示出来ますか？
よろしくお願いします。
前に、テーマ違いで同じ質問があったので、そのまま入れてみましたが、だめでしたm(_ _)m
このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください！
BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
※ HTML編集Appsを利用されている場合、編集内容を保護する為に自動更新はされませんが、
テーマ一覧の「購入済みテーマ」からいつでも最新バージョンを取得可能です。
ショップの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でちょうどいい感じになりました。
ありがとうございます。
よかったです！
また何かありましたらお気軽にご質問ください。