对齐WordPress主题中的图像和标题中的神秘边框答案

【问题标题】：Aligning Images in WordPress Theme and Mysterious Border in Header对齐WordPress主题中的图像和标题中的神秘边框
【发布时间】：2015-09-14 11:40:55
【问题描述】：

我正在尝试自定义 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/

感谢任何帮助。

【问题讨论】：

标签： html css wordpress themes

【解决方案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
}

【讨论】：

没问题，如果你想要的话，我有你需要的标志代码的截图。如果您喜欢这个答案/发现它有用，您可以投票/接受它！
是的，我想要代码的截图。并且很乐意为您的答案投票
嗯，不知道我应该把它设置成什么。尝试以下两种方法均未成功#logo { float: none; } #logo { 浮动：初始；我原以为 div (#top-navigation) 中的 clearfix 会立即解决徽标浮动问题
你是对的，我很抱歉，问题不是徽标，实际上是 nav 问题，我现在正在检查。

【解决方案2】：

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

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

希望对您有所帮助。

【讨论】：