0

私はウェブサイトを修正していて、ワードプレスのウーテーマで矢印を動かすことに固執しています。

ここに画像の説明を入力

私が望むのは、「サービス」メニュー項目の横(右側)に矢印を移動することです。パディングを調整しようとしましたが、メニュー項目のレイアウト サイズが小さくなり、目的の出力が得られません

矢印の背景画像も見つけようとしましたが、何も添付されていないようです。

サイトは次のとおりです。http://67.222.16.144/~chrismol/

Q: 目的のスタイルを台無しにせずに矢印を移動するにはどうすればよいですか?

4

3 に答える 3

1

背景画像がないため、背景画像は見つかりません。矢印はCSSのborderプロパティと:afterセレクターで作成されています。このコードは矢印を作成します：

#navigation .nav li.parent > a:after {
    content: "";
    display: block;
    border: 0.3em solid #ccc;
    border-color: #ccc transparent transparent transparent;
    position: absolute;
    top: 48%;
    right: .8751em;
}

[サービス]メニュー項目のすぐ横に矢印を表示するには、まずをに変更top:48%しtop:34%、次に次のCSSルールを追加する必要があります。

#menu-item-1987 a{
    padding-right:32px !important;
}

ご不明な点がございましたら、この回答がどのように期待に応えているかをお知らせください。:)

于 2013-03-22T01:55:08.603 に答える
1

!importantから削除する必要があります#navigation a

于 2013-03-22T00:20:25.533 に答える
1 
#navigation .nav li.parent > a:after {
    content: "";
    display: block;
    border: 0.3em solid #ccc;
    border-color: #ccc transparent transparent transparent;
    position: absolute;
    top: 36%;
    right: 1px;
}
于 2013-03-22T00:20:48.010 に答える