使用 CSS / 修改背景



我正在使用Wordpress,我尝试更改此网站的背景:http://evolum.org(灰色),我想把这个:https://greatives.eu/themes/movedo/(在movedo单词后面)

我正在尝试将其放在Wordpress附加CSS编辑器上:

element.style {
background: linear-gradient(135deg, rgb(132, 84, 226) 0%, rgb(6, 82, 253) 100%); }

而不是:

element.style {
background-image: url(http://evolum.org/wp-content/uploads/2000/01/grve-dummy-sample-image-large.png);

当我检查项目并手动更改它时,它可以工作,但是当我在 WordPress 编辑器上修改它时,它不起作用!

我认为这可能是因为它有多个"element.style",如何为WordPress编辑器指定正确的项目?

也许你应该在你的WordPress安装中添加一个子主题。子主题的样式.css如果您使用与检查项目时使用的 id/类相同的 id/类,则应覆盖主主题的所有其他样式。

对于儿童主题创建: https://codex.wordpress.org/Child_Themes

对我来说,该元素的背景图像似乎没有在模板样式表中实现,而是使用可视化作曲家实现。 在您的代码中,有以下行 http://evolum.org/:52:

.vc_custom_1474289280143{background-image: url(http://evolum.org/wp-content/uploads/2000/01/grve-dummy-sample-image-large.png?id=13180) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}.vc_custom_1474289319001{padding-right: 31% !important;padding-left: 31% !important;}

直接应用样式。您可能希望打开视觉编辑器,然后只需更改背景的设置。如果这不允许你输入css,你可以随时回到Wordpress编辑器并转到代码视图。 在那里,您可以搜索"vc_custom_1474289319001"并手动更改设置。

编辑:我刚刚再次检查了该元素,背景元素的正确选择器是:

div.grve-bg-image.grve-bg-image-id-15279.show

请注意,内联样式和 css 覆盖都不被认为是好的做法。可视化作曲家通常会产生混乱的代码,覆盖会使维护代码变得更加困难。然而,如果您不能或不想投入大量时间,这可能是一个实用的解决方案。 最佳做法是为这些样式编写一个新类(或 id)并将其应用于元素。

顺便说一句:主题森林上的模板作者通常会提供强大的支持,在大多数情况下,您只需要使用购买代码进行身份验证。

最新更新