WordPress的:我不能改变我的网站的徽标图像

问题描述:

首先:我已经看过How to change the logo of my wordpress site,我没有找到任何有用的信息,我的问题。WordPress的:我不能改变我的网站的徽标图像

在你看到服装的标志画面的画面......

enter image description here

...我改变它,如果屏幕尺寸变小,用这种新的形象:

enter image description here

取代的图片我必须写

@media screen and (max-width: 800px){ 


     .logo-wrapper > .logo > img { 
      background-image: url('wp-content/uploads/2017/06/new_logo.png')!important; 
    } 
} 

但旧标志仍出现在网页上,并覆盖上新标识的一部分:

enter image description here

+1

您是否使用任何自定义主题或响应式菜单插件? – Ranjit

+1

也许有蓝色背景的文字div ..请提供网站链接.. – codesayan

+1

请提供网站链接。所以我可以说确切的解决方案, – Ranjit

旧的标志是可能仍然看到,因为它来自IMG标签。这将有一个'src =“路径图像”'

在你的CSS,你将IMG标签的背景设置为'new_logo.png',但IMG可能仍然保存图像以及。

老实说,我不熟悉WP代码结构,但你应该看看IMG标签驻留或生成的代码。这就是您必须进行一些修改才能将默认徽标显示方式更改为CSS背景,以便您的媒体查询可以在解决更改时工作/覆盖默认值。

这可能是这样的:

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <img src="<?php getLogoUrl(); ?>" /> 
    </a> 
</div> 

的潜在变化可能是:

<div class="logo-wrapper"> 
    <a class="logo" href="<?php someCodeToGetUrl()"> 
     <span style="background-image: url('<?php getLogoUrl(); ?>')"></span> 
    </a> 
</div> 

此时你的媒体查询应该工作。它可能需要一些额外的CSS大小/定位等。

希望这有助于。对不起,我无法提供更多帮助。我没有足够的时间安装WP并查看代码以获得更准确的示例。

  1. 尝试检查管理栏顶部的“自定义”部分中的徽标选项。
  2. 检查标志标签的header.php文件并更改其URL。