居中响应标题 - WordPress的博客

我已经尝试了几种方法，但似乎无法得到这个成就的每一部分。我为某人制作了一个WordPress博客，她对此感到满意，但最近希望更改标题。我把它放在了很宽的地方，她希望它盒装/居中。标题包含徽标，导航和左侧的两个图像，客户希望放在这里看看，基本上。博客是响应式的，一旦屏幕到达某一点，标题就会匹配页面其余部分的容器。但是，在全屏笔记本电脑/台式机上，它的每一面都只有一点点填充，但它的宽度仍然很宽。当我将它填充到正确的宽度时，屏幕变化时它会变小。我希望它始终与主滑块和容器的宽度相同。居中响应标题 - WordPress的博客

博客是在http://www.allloveblog.com

的CSS我对目前的标题：

.fusion-header{ 
position:relative; 
display:block; 
/*width:100%;*/ 
/*padding-left:162px; 
padding-right:160px;*/ 
padding-top:0px; 
padding-bottom:0px; 
} 

.fusion-header-wrapper{ 
position:relative; 
display:block; 
width:100%; 
float:center; 

}

如果你改变你的浏览器窗口中，你能看到的变化发生，并尽快变成粘这是其他容器的宽度，我只需要它从容器的宽度开始。

任何帮助，非常感谢。

来源

2017-02-15 H.Norman

我认为，所有你需要做的是这样的：

.fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
}

如果你需要覆盖一些CSS规则在上课前只需添加body。这样您的规则将被优先处理，您可以轻松识别您的规则。就像这样：

body .fusion-header-wrapper { 
    max-width: 1160px; 
    margin: 0 auto; 
}

说明
基本上你需要做的就是设置一个宽度限制匹配的主要的宽度限制max-width: 1160px;显然与margin: 0 auto;

#main头球攻门头什么也留30像素填充和对。
里面#main我们.fusion-row与max-width: 1100px;
里面.fusion-header-wrapper我们.fusion-header还剩30像素填充和正确的。
所以，如果你设置了max-width: 1100px;，你会注意到你需要添加60多个px，因为其他div上的填充。

P.S.确保你创建一个儿童主题来编辑现有的WP主题。

来源

2017-02-15 15:20:06

居中响应标题 - WordPress的博客

回答

相关问题