html - 向博客区域添加不同的内容区域

Question

我希望有人能帮助我解决这个问题。一个外包商一直在我的网站上工作，他犯了一些我试图解决的错误。

看起来http://www.haylockpittman.co.uk/case-studies/family-home-refurbishment-chichester/上的全宽模板使用与博客文章相同的内容区域（div 类条目内容）因为它设置为 100%。您可以在http://www.haylockpittman.co.uk/painting-contractors-petersfield/上的博客文章中看到它造成的混乱

关于如何仅在博客文章上减少区域以使其不与侧栏重叠，我有点卡住（非常有限的 css 知识）。对此的任何指导将不胜感激。

谢谢

Answer 1

您需要将以下 CSS 添加到主题 style.css 的底部

    .single .entry-content {
        float: left;
        margin: 0 35px 0 0px;
        width: 580px;
    }

Answer 2

你的班级.entry-content有width:900px。只需将其宽度减小到 600px（最大）；

代码：

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title 
{
     margin: 0 35px 0 0px;
     width: 600px; /* just change this */
     float: left;
}