gpt4 book ai didi

html - 在 wordpress 后端定位特定的移动页面

转载 作者:行者123 更新时间:2023-11-28 07:39:02 24 4
gpt4 key购买 nike

我正在尝试更改移动 wordpress 页面上特定帖子的背景。

@media screen and (max-width: 940px)
#page {
max-width: 768px;
width: 100%;
margin: 0 auto;
background: #007A52;
box-shadow: 0 0 10px #999;
}

我知道使用了页面 ID,但我不确定如何使用?

最佳答案

http://www.thedoughbros.ie/wp-content/plugins/contact-form-7/includes/css/styles.css

上面的文件具有以下 CSS 和特定帖子的自定义背景。

806 代表帖子 ID,所以如果你想要自定义背景,只需继续添加具有不同 ID 的新 block

@media screen and (max-width: 940px) page.custom-background.page-id-806


/*--------------------------------------------------------------
Custom Backgrounds
--------------------------------------------------------------*/
body.custom-background.page-id-806 {
background-image: url( http://www.thedoughbros.ie/wp-content/uploads/2015/05/menubackground.fw_.png);
}

body.custom-background.page-id-723 {
background-image: url(http://thedoughbros.ie/wp-content/uploads/2015/03/VAN3.fw_.png);
}

body.custom-background.page-id-822 {
background-image: url(http://thedoughbros.ie/wp-content/uploads/2015/03/Restaurant3.fw_.png);
}

@media screen and (max-width: 940px) page.custom-background.page-id-806 {
background: #fff !important;
}

body.custom-background.page-id-346 {
background-image: url(http://thedoughbros.ie/wp-content/uploads/2015/06/14jun.fw_.png);
}

只需添加新的 CSS block

@media screen and (max-width: 940px) page.custom-background.page-id-807   {
background: #fff !important;
}

@media screen and (max-width: 940px) page.custom-background.page-id-808 {
background: #fff !important;
}

@media screen and (max-width: 940px) page.custom-background.page-id-809 {
background: #fff !important;
}

或多个

@media screen and (max-width: 940px) page.custom-background.page-id-807, page.custom-background.page-id-808, page.custom-background.page-id-809, page.custom-background.page-id-810   {
background: #fff !important;
}

关于html - 在 wordpress 后端定位特定的移动页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31051832/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com