0

我正在修复网站，我被困在 wordpress 中的 woo 主题中移动箭头。

在此处输入图像描述

我想要的是在“服务”菜单项旁边（右侧）移动箭头。我试图调整填充，但它会使菜单项的布局大小更小，并且无法满足所需的输出

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

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

问：如何在不弄乱所需样式的情况下移动箭头？

4

3 回答 3

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 回答
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;
}

要在Services菜单项旁边显示箭头，首先应将 更改top:48%为top:34%，然后添加以下 CSS 规则：

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

这个答案如何满足您的期望，如果您有任何问题，请告诉我。:)

于 2013-03-22T01:55:08.603 回答