タグ別アーカイブ: CSS

スタイルシートを編集

テーマを変えたら投稿した記事タイトルの英文字がすべて大文字になっていた!!
これはどうにかならんのか

調べてみたらスタイルシートを編集したらいいらしい!
でも調べたところとスタイルシートの中身違うからどこ編集したらいいかワカラナイよ…

こんな時に役立つのが要素の検証だった。
これってChromeしかない機能でしたっけ。
ページで右クリック>要素の検証でスタイルシートとかでどう設定してるか確認ができる。

早速問題のタイトルを右クリックして要素の検証を出します。

text-transform: uppercase;

というのが大文字にしているらしいです。

試しに要素の検証のところでuppercaseをnoneに変更してみると、
タイトルが全部大文字から入力したとおりになっています!
あとはダッシュボード>外観>テーマの編集からCSSを出して、要素の検証で見つけた部分を探します。
変更して再読み込みすると、ちゃんと反映されております!
やったー(∩´∀`)∩ワーイ


一つ直したらもっと直したくなるのが人間…

今度は記事の幅が狭いのが気になる。さっきと同じ感じで変えてしまおう!

記事本文を右クリックして要素の検証で記事の幅を決めてるところを探す。
max-widthというところが怪しいですな。
max-width: 700pxくらいにしてみると、、幅が広くなったー(∩´∀`)∩ワーイ

WordPressのCSSなんていじるのこわいよーと思っていたけど要素の検証があれば怖くないですね!
でも調子に乗っていじりすぎないようにしよう…