我正在尝试删除所附屏幕截图中的边距(请参阅http://goo.gl/tbw4V),但我一生都无法看到它在我的 WordPress 样式表中的位置来删除它!我希望听到有人可以帮助我?我检查了 H1、H2 标记、.bylines DIV 和段落标记,但似乎没有将条目信息推送到标题下方约 15 像素处。我的网站位于http://gracefulpostcards.com
谢谢你的帮助,
史蒂文。
我正在尝试删除所附屏幕截图中的边距(请参阅http://goo.gl/tbw4V),但我一生都无法看到它在我的 WordPress 样式表中的位置来删除它!我希望听到有人可以帮助我?我检查了 H1、H2 标记、.bylines DIV 和段落标记,但似乎没有将条目信息推送到标题下方约 15 像素处。我的网站位于http://gracefulpostcards.com
谢谢你的帮助,
史蒂文。
在 style.css 第 753 行
.hentry .entry-title {
margin: 0 0 0.6em 0;
}
.featured {
margin-bottom: 20px;
}
是您必须更改的 CSS 规则。
如果这是您正在谈论的页面:http: //gracefulpostcards.com/why-start-a-personal-blog/#.UKGMi4csDng
然后删除此 CSS 规则将完美删除边距底部。
查看 style.css,样式从第 753 行开始。
我是怎么找到的?谷歌浏览器->右键单击->检查元素。
边距在选择器下定义.hentry .entry-title
。是margin: 0 0 0.6em 0
。只需将其设为 0。
要调整这些样式,强烈建议您使用 Chrome 或 Firefox 的Firebug扩展。这样就可以调试html页面和样式了。
在您的情况下,只需将margin-bottom
选择器的属性设置为.singular .entry-title
0:
.singular .entry-title {
margin-bottom: 0;
}
检查您的页面后,似乎 h2.entry-title 有一个 margin-bottom
要解决此问题,请将以下内容添加到您的 css 中:
h2 {
margin-bottom: 0px !important;
}