wordpress中的背景图像

Question

当我检查屏幕左侧my wordpress page上的元素时，我有这段代码，

<header class="main-header" role="banner">

在屏幕右侧的

我有这个代码

background-image: url('http://chuaquanam.ca/wordpress/wp-content/uploads/2013/08/cropped-TopMenu11.jpg');

有人可以帮我查看背景图片代码所在的* .css文件吗？我查看了像style.css这样的所有css文件，但我找不到它。

Answer 1

检查header元素显示header.main-header的CSS是内联的。这意味着，它由WP生成并嵌入到页面中，而不是嵌入到CSS文件中。生成后，您可以通过查看博客页面的来源来查看代码：

<style type="text/css">
      header.main-header
      {
         background-image: url('http://chuaquanam.ca/wordpress/wp-content/uploads/2013/08/cropped-TopMenu11.jpg');
         width: 980px;
         height: 200px;
      }

..从第67行开始。

如果您选择外观＆gt;，您可以通过WP菜单更改背景图片的方式。标题，您可以上传新图像，该图像将根据您上传的图像填充宽度和高度。

如果你想编辑除这些属性之外的样式（如定位，浮动等），你可以在style.css，第253行开始找到另一个header.main-header样式。