对齐 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
希望对您有所帮助。
我正在尝试自定义 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
#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
希望对您有所帮助。