如何移動箭頭而不搞亂所需的風格

Question

我正在修復網站，並且我被困在移動WordPress主題中的woo主題中。

我要的是旁邊將箭頭（右側）中的「服務」菜單項。 我試圖調整填充，但它會使菜單項的佈局尺寸變小並且不符合所需的輸出

我也嘗試找到箭頭的背景圖像，但它似乎沒有任何附加圖像。

該網站是：http://67.222.16.144/~chrismol/

問：我如何才能將不會弄亂所需樣式的箭頭？

Answer 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; 
} 

此答案符合您的期望，如果您有任何問題請告訴我。 :)

Answer 2

你必須刪除您!important從#navigation a

Answer 3

#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; 
}