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样式表中：

#page {max-width: 960px; }

将960px替换为您想要的任何大小。

Answer 2

根据你想要的方式，你有几个选择。

我的第一个建议很简单，只是基于您分享的内容。（说这并不意味着这是唯一的方式，或最好的方式或干净的方式）

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

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

或者您可能想要向.entry-header添加左边距

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

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

_{（尝试在将来更简洁直接。向所有需要的详细信息询问您的问题以便其他人了解，以便您可以更快地收到答案，并且其他人可能会感到更有动力去帮助！）< /子>}

Answer 3

好的，我意识到它与文章标签有关（它包含日期和条目）。我在CSS中使用了文章标签的宽度，这似乎就是答案。非常感谢你们看到这个问题！

Answer 4

我会考虑将entry-header中的文本对齐。

header.entry-header { text-align: right; }

我不知道你的主题中是如何使用header.entry-header的，但是在你提供的页面上，这可能会产生你正在寻找的对齐方式。

WordPress标题标记不需要的空间

4 个答案: