css - WordPress header 标记不需要的空间

Question

我正在尝试删除 WordPress 页面中不需要的空间。这是页面的链接:http://lectorbookclub.com/current-conversations/ .我正在尝试使用 CSS 来修复它，因为我只能访问编辑 CSS 和 HTML。

我使用 Firebug 收集了这段代码:

    <div id="content" role="main">
    <article id="post-12581" class="post-12581 post type-post status-publish format-                standard hentry category-fall-2013 category-uncategorized tag-end-of-year-post clear-fix">
    <div class="featured-image">
    <a href="http://lectorbookclub.com/2014/05/01/eng-202b-summary-post/" title="Permalink to Eng 202B Summary Post" rel="bookmark">
    <img src="http://s0.wp.com/wp-content/themes/pub/oxygen/images/archive-thumbnail-placeholder.gif?m=1335191815g" alt="" class="attachment-archive-thumbnail" scale="0"/>
    </a>
    </div>
    <header class="entry-header">
    <h1 class="entry-title">
    <div class="entry-meta">
    <span class="entry-date">
    <span class="byline">
    <span class="comments-link">
    <span class="edit-link">
    </div>
    </header>
    <div class="entry-summary clear-fix">
    <a href="http://lectorbookclub.com/2014/05/01/eng-202b-summary-post/"         title="Permalink to Eng 202B Summary Post" rel="bookmark" class="read-more">Read Article →</a>

Answer 1

您有几种选择，具体取决于您希望如何处理。

我的第一个建议很简单，只是基于您分享的内容。 (也就是说这并不意味着这是唯一的方法，或者最好的方法或干净的方法)

您可能需要调整 CSS，通过添加右边距将各个条目向右移动几个像素。

.entry-summary {
    margin-right: 45px;
}

或者你可能想给 .entry-header 添加一个左边距

.entry-header {
    margin-left: 15px;
}

还有其他各种选择。希望这会有所帮助。

_{(以后尽量简洁直接。把你的问题和所有需要的细节一起问，让其他人理解，这样你可以更快地得到答案，也可以让其他人更有动力提供帮助!)}