提前感谢您的时间和协助!
我正在尝试编辑 Wordpress 主题上的标题图片,但运气不佳。这似乎是我以前没有遇到过的“行内风格”。我已经搜索了很多,但似乎没有什么对我有用,包括使用 important!
(尽管可能我使用不正确)。
我想做的就是将 background-size:cover
更改为 background-size:120%
以便图像在较小的屏幕上缩放得更好。 现在在移动设备上观看时,它把我的脸切成两半,这并不理想。
<div id="custom-header" style="background- image:url(http://brentbareham.com/wp-content/uploads/2016/09/HeaderImage.jpg);background-size:cover;">
<div class="container">
<div class="header-content">
</div><!-- .header-content -->
</div><!-- .container -->
</div>
这是我广泛编辑过的第一个主题。我正在使用 child 主题,但这并不重要,到目前为止我已经成功了,但我似乎无法弄清楚这一点。
所以你可以准确地看到我在看什么,网站是http://brentbareham.com
再次感谢!
最佳答案
只要内联样式上没有 !important
,您就可以直接使用 css !important
来完成您想要的:
#custom-header {
background-image: none !important;
}
这是一个jsFiddle这表明它有效。
关于html - 使用 CSS 覆盖 Wordpress 主题内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39600302/