Google Chome デトロッパーツールの便利な使い方(wpでcssが反映されない時に確認する方法)

WordPress初心者の方など、cssが反映されない!と悩むことがあると思います。私も、wordpressの使い始めの頃、通常のHTMLとCSSのサイトを見て反映されない!!と悩んだことがありますので(笑) そんな時は、Google Chome デトロッパーツールを使ってみてください。

WordPressテーマ【Simplicity2】メニューバー高さ調整

管理画面からカスタマイズ→スキン→子テーマスキンテンプレート(独自カスタマイズ用)にチェックを入れます。次に外観→テーマの編集→子テーマのstyle.cssを開き以下のコードを入力します。メニューバーそのものを使って変更したい場合、 <per>#navi ul{ line-height: 2em; }</per>文字の外に適応させたい場合は以下のように文字の大きさから相対位置で指定してみます。<pre>#navi ul{ position: relative; clear:both; border: 2px solid #ddd; background-color: #F7F7F7; border-radius: 3px; margin: 0; padding: 0; width: 100%; box-sizing: border-box; } </pre>

スポンサーリンク
スポンサーリンク