如何使徽标背景透明？

Question

好的，在我的网站上，我有一个徽标，但是它的图像被设置为只有徽标，但图像的其余部分是透明的。我想改变徽标背后的东西，这样你就可以看到除了实际徽标之外的所有内容。基本上，我希望徽标背后的东西看不见。

我的网站是http://www.santarosasda.com/，徽标位于顶部。请帮忙！

我正在使用按Risen主题这个词。

我试过了：

#container-inner {
    background: transparent !important;
}

人们告诉我要摆脱：

#container-inner {
        background: #fff;
    }

但是由于它是一个wordpress主题，这个特定的代码被禁止编辑。

有什么想法吗？

Answer 1

从background: #fff;

中删除#container-inner

转到here

阅读有关如何创建子主题的代码。

然后添加#container-inner{background:transparent!important;}

Answer 2

你的#container-inner有一种颜色（白色）遮住了你身体的背景图像。

themes/risen/styles/light/styles.css

的第315行

有这段代码：

/* Container Inner */

#container-inner {

    /* Content Background */

    background: #fff;

}

删除该块，它将起作用。

如果您无法访问该代码（因为它在Wordpress主题中），那么添加一个样式表，您可以在其中控制文件，如下所示：

#container-inner {
    background: transparent !important;
}

这将帮助您覆盖控件中文件中的样式。在我的wordpress网站上，我只需在外观➡编辑CSS 下添加。