Question

我正在尝试自定义WordPress主题。

开始主题：http://elegantthemes.com/preview/Nexus/

我已经在Chrome中找到了我想要的地方： https://dl.dropboxusercontent.com/u/20040939/HeaderChrome.png

在Firefox中，标题中的图像没有排列： https://dl.dropboxusercontent.com/u/20040939/HeaderFF.png

在这两种浏览器中，页面顶部都有一个恼人的边框/阴影（请参阅上面Chrome屏幕截图中的突出显示区域）。

直播网站在这里： http://makeminepop.com/

感谢任何帮助。

Answer 1

“讨厌的影子”来自你目前没有在style.css第109行使用的社交链接：

#et-social-icons {
    /* float: right; */
    /* width: 245px; */
    background-color: #f6f6f6;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff, -1px 0 0 #fff;
    position: relative;
}

更新：

我相信正是nav元素抛弃了图像对齐。尝试在style.css的第104行编辑以下内容

#top-navigation nav {
    overflow:hidden; <-- add this
    float: none; <-- modify this
}

Answer 2

这个影子是从＃et-social-icons类生成的。只需将display：none设置为此类。

您可以在以下css文件中找到该行：109。 http://makeminepop.com/wp-content/themes/Nexus/style.css?ver=4.3

希望得到这个帮助。

将WordPress主题中的图像与标题中的神秘边框对齐

2 个答案: