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

时间:2013-10-31 11:07:45

标签: html css

我希望有人能够帮助我。一个外包商一直在我的网站上工作,我做了一些我想要解决的错误。

看起来像http://www.haylockpittman.co.uk/case-studies/family-home-refurbishment-chichester/上的全宽度模板使用与博客帖子相同的内容区域(div类条目内容),因为它设置为100%。 您可以在http://www.haylockpittman.co.uk/painting-contractors-petersfield/

上看到它在博客帖子上创建的混乱

我有点卡住(非常有限的css知识)关于我如何只减少博客帖子上的区域,以便它不会与侧栏重叠。 对此的任何指导将不胜感激。

由于

2 个答案:

答案 0 :(得分:0)

您的班级.entry-contentwidth: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;
}

答案 1 :(得分:0)

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

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