如何将图片扩展到覆盖整个页眉区域?(二十二个主题)

时间:2014-06-28 作者:user218763

我正在运行“二十一二”主题,并在上应用了标题背景。网站标题类。显示标题,但其宽度仅为960px。

如何禁用此主题的左右边距/填充,以便扩展图片以覆盖整个标题区域?(我不知道要添加什么css代码)

这里有一张图片,如果它更有意义的话:http://imgur.com/yBdPmRT

提前感谢您!

1 个回复
最合适的回答,由SO网友:fahad.kazi 整理而成

你必须对这个做很多修改。

我们将修改标题。php文件

首先将这段代码从标题标记文件移动到正文标记下面

 <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( \'/\' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    <?php endif; ?>
将此代码包装在div中

 <div class="header-full-width">
  <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( \'/\' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    <?php endif; ?>
            </div>
现在添加css

.header-full-width img {
 width: 100%;
}
这应该可以奏效。

结束

相关推荐