賢威６．１でグローバルメニューの項目の境界縦線の色を変える
ご訪問有難うございます。
ワードプレスの賢威６．１のコーポレート版でグローバルメニューが背景色が白なので少し色でもつけようと思いました。
サイトの感じから黒で引き締めると最初から設定してあるたて線が黒ですので背景を黒にすると境界線が
無くなってしまいます。
赤丸の部分がグローバルメニューの項目の縦線ですがデフォルトでは黒に設定がしてあります。
グローバルメニューの背景色を白から黒へ変えるわけですので、縦線が黒だと目立たなくなってしまいます。
というより、無くなってしまいます。
そこで、縦線の色を変えて目立つように致します。
ということで下の画像のようにする方法とは
上の画像のように縦の境界線を目立たせるためには以下のように します。
管理画面＞外観＞テーマ編集＞design.cssを変更して下さい。
■ ソース ■
変更前
#global-nav #menu li {
position: relative;
float: left;
margin: 0;
border-right: solid 1px #000;
list-style: none;
font-weight: bold;
}
#global-nav #menu li {
position: relative;
float: left;
margin: 0;
border-right: solid 1px #000;
list-style: none;
font-weight: bold;
}
変更後
#global-nav #menu li {
position: relative;
float: left;
margin: 0;
border-right: solid 1px #0FF;
list-style: none;
font-weight: bold;
}
Google+
この記事を読んだ人は次の記事も読んでいます。
賢威6.1+ワードプレスのヘッダー画像を横幅いっぱいに広げたい
賢威６．１のグローバルメニューのプルダウンの横幅を広げたい。
賢威６．１の３カラムで、サブコンテンツとサイドバーを右側に並べる方法
賢威６．１＋ワードプレスの日付年月日を消したい。
賢威６．１で見出しｈ２の文字を大きくする方法。
賢威6.1のヘッダー画像とトップとメニューの間を詰める方法です。
賢威でヘッダー右上のサイトマップと固定ページをひもづける方法
賢威を入れた新しいワードプレスでリビジョンが気になる
賢威6.1でTablePressの表示幅がセルごとに等分して表示されてしまう
自サイトのメニューのプルダウン（ドロップダウン）の背景色を変える方法
賢威で投稿ページの最後に、次・以前のページをタイトルで入れる方法
ワードプレス（賢威６．１）に枠線をつけました。
トップ・ページの抜粋部分の文字数が少ないので増やします。
グローバルメニューをクリックするとグローバルメニュー以下へ飛ぶ方法
タイトルをクリックで同一ページのリンク先へ移動させる方法
賢威テンプレートのインストールが済みました。
賢威６．１の最新情報の日付を消す
賢威＋ワードプレスで文字の色をサイト全体で変える
賢威６．１のファビコンを変更しましょう。
ワードプレスのビジュアルエディターで（"） 半角が（ ” ）全角に変換されてしまうのを変換されないようにするために。
最近のコメント