Css Wordpress购物者标题很难找到

我一整天都在努力让wordpress购物者主题中的标题图像正确响应。图像正在调整大小以适应其屏幕显示，但它正在调整为小屏幕或两个大屏幕

有没有css我可以用来为不同的显示添加不同的图像。比如，我可以在小于424px的显示器上调用不同的标题图像吗

文本覆盖也太暗，无法很好地阅读。如何将标题文本外观调整为带有某种阴影的外观。我正在wordpress上使用购物者主题

对于{}屏幕 {}@media-only屏幕和（最大宽度：424px）{your div css here.img{背景图像：url（“”；}}}

对于{}屏幕 {}@media-only屏幕和（最大宽度：800px）{your div css here.img{背景图像：url（“”；}}}

对于{}屏幕

---

{}@media only screen和（最大宽度：1080px）{your div css here.img{background image:url（“”；}}}}`

是的，使用“media”，您可以根据屏幕大小更改图像，如：

// for 424px screen
    @media only screen and (max-width:424px){
                   //your div css here
                   .img{
                      background-image: url("first.jpg");
                   }
                }
//for 800px screen
    @media only screen and (max-width:800px){
                   .img{
                      background-image: url("second.jpg");
                   }
                }
    //for 1080px screen
    @media only screen and (max-width:1080px){
                   .img{
                      background-image: url("third.jpg");
                   }
                }

---

请提供您正在使用的代码的示例。我目前没有在标题中使用任何代码。我使用内置的标题作为主题。我将尝试下面的代码。我尝试将代码添加到其他css，它显示19个错误。在其他css购物者主题中链接css错误。您好，请尝试删除注释部分（“//用于424px屏幕”，等等），并用“.img”替换相应的必需div类名