目次
概要
MH Magazine lite のCSSは、タグクラウドの英字が自動的に英小文字から英大文字に変換されてしまい、[iPhone] などのタグは[IPHONE]と変換され、可読性が落ちてしまうので、自動変換を解除します。
手順
1)[ダッシュボード]→[外観]→[テーマの編集]を選択
2)テーマファイルからスタイルシート(style.css)を選択
3)選択したファイルの内容のCSSを編集し
.entry-tags クラス
.tagcloud クラス
から以下の設定を削除する。
text-transform: uppercase;
.entry-tags li { float: left; font-weight: 700; margin: 0 6px 6px 0; margin: 0 0.375rem 0.375rem 0; background: #2a2a2a; text-transform: uppercase; }
.entry-tags li { float: left; font-weight: 700; margin: 0 6px 6px 0; margin: 0 0.375rem 0.375rem 0; background: #2a2a2a; }
.tagcloud クラスの修正内容
.tagcloud a { display: inline-block; font-weight: 700; color: #fff; padding: 5px 10px; margin: 0 4px 8px 0; white-space: nowrap; text-transform: uppercase; }
.tagcloud a { display: inline-block; font-weight: 700; color: #fff; padding: 5px 10px; margin: 0 4px 8px 0; white-space: nowrap; }
.mh-main-nav { text-transform: uppercase; border-bottom: 5px solid #e64946; }
.mh-main-nav { border-bottom: 5px solid #e64946; }