对齐 WordPress 主题中的图像和 Header 中的神秘边框

Aligning Images in WordPress Theme and Mysterious Border in Header

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

起始主题:http://elegantthemes.com/preview/Nexus/

我几乎已经到达了 Chrome 中我想去的地方: https://dl.dropboxusercontent.com/u/20040939/HeaderChrome.png

在 Firefox 中,header 中的图像没有对齐: https://dl.dropboxusercontent.com/u/20040939/HeaderFF.png

在这两种浏览器中,页面顶部都有一个烦人的 border/shadow(请参阅上面 Chrome 屏幕截图中的突出显示区域)。

实时站点在这里: http://makeminepop.com/

感谢任何帮助。

"annoying shadow" 来自您当前未在 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
}

这个阴影是从#et-social-icons class 生成的。只需将 display:none 设置为此 class。

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

希望对您有所帮助。