タイトルそのまんま「strongや色指定等で文字サイズが小さくなってしまう現象について」ですが、
原因を率直に申し上げますと、CSSの「アスタリスク(*マーク)」内のプロパティで、「font-size:10px;」に指定してしまっているのが原因です。
この「アスタリスク(*マーク)」というのは、全てのタグに適応するという意味で、他に単独で指定していない全てのタグに効いてしまいます。
ですので、回避策としましては、
1.このアスタリスク内にある「font-size:10px;」を削除する
2.変更したいタグを個別指定する
の2通りがあります。
1の場合、色々と崩れが生じてしまいますので、今回は2の方法で。
「テンプレートの設定」→「HTML CSS」→「編集」
で、目的のスタイルシートを編集します。
そこで、以下の3行を追加して更新してください。
.e_body strong,.e_body span,.e_body a {
font-size: 12px;
}これで、strong、色指定に加え、aタグが小さくなってしまうのも解決できます。
個別にバラして、それぞれ別のサイズにしたり、colorプロパティを追加して、色を変更することも可能ですので、お試しください!
ミスが多くて面倒くさいテンプレートで本当にすみません・・・;
皆様の貴重なご意見で、徐々に改善されております^^;
また、不明な点がございましたら、等記事にコメントくだされば、レスさせていただきますので、
今後ともよろしくお願い申し上げます。。。m(_ _)m
theme : 共有テンプレート
genre : ブログ