由于填充,标题向右移动

时间:2015-05-07 15:01:28

标签: wordpress header center padding

我希望Wordpress中的标题集中在正文内容中。现在,Page-id Div的左右两侧填充为40px。在Header.php中添加Header,宽度为960 + 40 + 40 = 1040时,Header在body-content中居中,但由于向左填充,因此右边40个像素。

我将标题放在

<img src="http://www.juristi.nl/wp-content/uploads/2015/04/cropped-Testheader.jpg" alt="Header" height="250" width="1040" overflow="visible">

我的标题如何在不受填充影响的情况下完全居中于身体内容?

网站是:Juristi.nl

  media="all"
@media screen and (min-width: 960px)
body .site {
  padding: 0 40px;
  padding: 0 2.857142857rem;
  margin-top: 0px;
  margin-bottom: 48px;
  margin-bottom: 3.428571429rem;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

1 个答案:

答案 0 :(得分:0)

您有正确的想法,但您的代码中存在语法错误,您已指定了保证金:

你有: <img src="http://www.juristi.nl/wp-content/uploads/2015/04/cropped-Testheader.jpg" alt="Header" height="250" width="1040" overflow="visible" margin-left:"-40px">

但它应该是: style="margin-left:-40px"

如果您将其用于内联,或者只是margin-left:-40px,如果您将其放在CSS样式表中。

希望这有帮助。