为Mobile View更改博客帖子上的标题图像

时间：2021-09-22 作者：Webman

我需要为特定的博客文章使用不同的标题图像
https://staging3.ryanlawn.com/blog/ryan-lawn-tree-named-to-the-great-game-of-business-2021-all-star-team/

我尝试了不同的CSS变体，但没有效果。

@media (max-width: 767px) {
  .post-id-41012 .page-banner bg {
    background-image: url(\'https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg\') !important;
  }
}
提前感谢您的建议。

1 个回复
最合适的回答,由SO网友:Bettylex 整理而成

您没有正确调用该类。容器具有page-banner 以及bg 类，所以应该这样编写：.page-banner.bg

和班级post-id-41012 您的文档中不存在。postid-41012 做

因此，请尝试以下方法：

@media (max-width: 767px) {
  .postid-41012 .page-banner.bg {
    background-image: url(\'https://staging3.ryanlawn.com/wp-content/uploads/2021/09/ggob-blog-banner-all-star-2021-m.jpg\') !important;
  }
}

标签： css   blog   mobile   responsive   小码农  

相关推荐

Redirect Css files to https

在哪里可以找到负责调用Css文件的文件，并测试它们的链接是http还是https？我想测试请求是否为https，如果是，那么很好，如果不是，请将其更改为https在函数中。php我找到了负责调用主题Css的函数，下面是它的代码：if (!function_exists(\'jobcareer_front_scripts\')) { function jobcareer_front_scripts() { global $jobcareer_options;