2018年06月一覧

WordPressテーマ【Simplicity2】メニューバー文字色とホバー色の変更

今回は、メニューバーの文字色とホバー色の変更をします。 勿論、Simplicity2には管理画面から文字色の設定ができるのですが、 ホバー時のメニューバーの背景色の設定項目がなかったのでカスタマイズしてみました。 グローバルメニューの文字色をグレーにしホバー時の文字色は白に背景を濃いめのグレーに変更をしました。

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>

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