我正在修復網站,並且我被困在移動WordPress主題中的woo主題中。如何移動箭頭而不搞亂所需的風格
我要的是旁邊將箭頭(右側)中的「服務」菜單項。 我試圖調整填充,但它會使菜單項的佈局尺寸變小並且不符合所需的輸出
我也嘗試找到箭頭的背景圖像,但它似乎沒有任何附加圖像。
該網站是:http://67.222.16.144/~chrismol/
問:我如何才能將不會弄亂所需樣式的箭頭?
我正在修復網站,並且我被困在移動WordPress主題中的woo主題中。如何移動箭頭而不搞亂所需的風格
我要的是旁邊將箭頭(右側)中的「服務」菜單項。 我試圖調整填充,但它會使菜單項的佈局尺寸變小並且不符合所需的輸出
我也嘗試找到箭頭的背景圖像,但它似乎沒有任何附加圖像。
該網站是:http://67.222.16.144/~chrismol/
問:我如何才能將不會弄亂所需樣式的箭頭?
你找不到一個背景圖片,因爲沒有任何,箭頭與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;
}
此答案符合您的期望,如果您有任何問題請告訴我。 :)
你必須刪除您!important
從#navigation a
#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;
}
對不起,但它不工作 – Jed 2013-03-22 01:27:11
最後我已經得到它。謝謝你的想法。我不知道箭頭是使用邊框創建的。 – Jed 2013-03-22 02:11:28