0

現在、次のWordpressサイトで作業しています。

http://2013.whitehallrow.com/

水平方向のメニュー項目が適切にスタイル設定されていないことは明らかです。「メディア」リンクをナビゲーションバーの右側に合わせたい。すべてが収まるように各アイテムの幅を変更するにはどうすればよいですか?

また、各辺の余白が等しくなるように、メニュー項目を中央に配置したいと考えています。既存の Wordpress テーマの CSS に関する私の知識は大ざっぱです。誰かが私にいくつかのガイダンスを与えることができますか?

4

3 に答える 3

0

もちろん、それはできます。

メニューCSSファイルを見て、セクションを見つけてください.your_menu_name li a。ここでパディングを探し、サイズを調整します。

たとえば。if を にpadding-left:30px;置き換え30て10、作業中のメニューを参照してください。

のようなホバー条件を追加することでカスタマイズできますbackground-color:#CCCCCC;

于 2013-04-23T18:23:57.183 に答える
0

  1. CSS3疑似クラスを利用することで、各メニュー項目を選択することができます。こちら:nth-child(N)を参照してください。例えば。：

    .nav-menu li:nth-child(3) {
    display: block;
    width: 300px; /*Your individual menu-item width here*/
}

  2. メニューを中央に配置するには、css style.css(行番号: 1460) を次のように変更する必要があります。

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #8293FF;
    border-top: 1px solid #8293FF;
    display: table;
    text-align: center;
    width: 100%;
}
于 2013-04-23T18:35:44.517 に答える