如何移动箭头而不搞乱所需的风格

我正在修复网站，并且我被困在移动WordPress主题中的woo主题中。如何移动箭头而不搞乱所需的风格

enter image description here

我要的是旁边将箭头（右侧）中的“服务”菜单项。我试图调整填充，但它会使菜单项的布局尺寸变小并且不符合所需的输出

我也尝试找到箭头的背景图像，但它似乎没有任何附加图像。

该网站是：http://67.222.16.144/~chrismol/

问：我如何才能将不会弄乱所需样式的箭头？

来源

2013-03-22 Jed

你找不到一个背景图片，因为没有任何，箭头与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-22 01:55:08 user2019515

最后我已经得到它。谢谢你的想法。我不知道箭头是使用边框创建的。 – Jed 2013-03-22 02:11:28

你必须删除您!important从#navigation a

来源

2013-03-22 00:20:25

#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-22 00:20:48 dezman

对不起，但它不工作 – Jed 2013-03-22 01:27:11

如何移动箭头而不搞乱所需的风格

回答

相关问题