如何修复图标以在 wordpress 的顶部导航中使用文本附近？

Question

我有一个问题关于尝试在自定义主题 wordpress 的顶部导航上制作一个带有文本的图标，但仍然没有 luck.You 可以在 URL Development 上查看我的主题。我该如何像下面的概念一样修复它？

这里是style.css：

.main-navigation2 a {
    padding: 0;
    margin: 7px 0 0 6px;
    display: block;
    text-decoration: none;
    line-height: 43px;
    color: #FFF;
    background: url(img/arrow.png) no-repeat scroll right / 20% 20%;
    width: 74px;
    background-position-x: 96%;
}

先致谢

Answer 1

这里是更正后的CSS

.main-navigation2 a {
     background: rgba(0, 0, 0, 0) url("img/arrow.png") no-repeat scroll right center / 15px 8px;
     color: #fff;
     display: block;
     line-height: 43px;
     margin: 7px 0 0 6px;
     padding: 0 20px 0 0;
     text-decoration: none;
     width: auto;
}

如何修复图标以在 wordpress 的顶部导航中使用文本附近？

How to fix icon to make nearby with text on top navigation in wordpress?

css

wordpress

wordpress-theming