使用css更改特定页面ID上的徽标

时间：2017-03-23 作者：Grant Smith

我正在尝试将徽标更改为wordpress网站的一个特定页面。http://staging-domesticbliss.transitiongraphics.co.uk/db-home-help/

目前我知道我的目标是正确的页面和元素，因为我可以使用以下方法隐藏徽标：

.page-id-6935 .w-logo-img > img {
     display:none;
}
但是我现在如何显示位于http://staging-domesticbliss.transitiongraphics.co.uk/wp-content/uploads/2017/03/db-homehelp-black-xl.png

提前感谢

3 个回复
SO网友:Megh Gandhi

不要在html中使用标记，而是使用CSS background属性设置徽标。使用背景图像：url(http://staging-domesticbliss.transitiongraphics.co.uk/wp-content/uploads/2017/03/db-homehelp-black-xl.png); 相反

SO网友:Grant Smith

.page-id-6935 img.for_default {
   content: url(/wp-content/uploads/2017/03/db-homehelp-black-xl.png);
}
使用内容替换徽标，而背景图像将新徽标置于原始徽标的后面。

SO网友:Dan Knauss

目前大多数主题的徽标设置都是通过WordPress定制器和管理员界面控制的。该网站使用Impreza主题；see the documentation for its logo settings.

标签： css   小码农  

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中，必须将下面的代码放入函数中。php的子主题，但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它，那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我，放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s