如何仅在一个小部件中添加图像背景答案

【问题标题】：How to add image background in only one widget如何仅在一个小部件中添加图像背景
【发布时间】：2015-08-20 16:22:03
【问题描述】：

我只想在一个小部件中添加图像背景。例如，喜欢网站上的这个主页：http://www.goldenrama.com/。对于每个小部件，这是填充不同的背景。我不知道修改CSS和html。

我正在使用带有 BookYourTravel 主题的 wordpress。

如果我能解决这个问题，我会很幸运。

问候，二湾

【问题讨论】：

您能否提供一个指向您正在处理的页面的链接？您能否也解释一下您在链接的页面中到底指的是什么。
对不起，我没有域名网址，我只是设计了网站。正是我想填写每个部分内容的背景。您可以在 Golden Rama 的 Golden Rama Highlights、Relaxing Holidays 和 Holidays 行中看到我链接的网站。这些部分的每个部分都有不同的背景。你能帮我提供任何建议吗？谢谢

【解决方案1】：

G'day 尔万，

要仅更改一个特定的小部件，请使用 firefox 检查元素工具： 1.右键单击小部件 2. 去检查元素

然后您会看到每个小部件都有一个唯一的 ID。例如，当我在我的一个客户网站上检查一个小部件时，我得到：

在这种情况下，id 是“wpp-2”

那么要添加背景图像，您只需通过 CSS 执行此操作，如下所示：

#wpp-2 {
background-image: url('images/foo.jpg');
}

【讨论】：