首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >从移动设备访问网站时Wordpress自定义Css未更新

问从移动设备访问网站时Wordpress自定义Css未更新
EN

Stack Overflow用户
提问于 2018-09-21 20:46:22
回答 1查看 337关注 0票数 0

我正在使用Aspire Pro WordPress主题。我已经从定制器添加了一些自定义css,当从台式机或笔记本电脑访问网站时,css正在更新。我已经用chrome工具检查了移动端的样式。它工作得很好。

但是当我从手机访问网站时,自定义样式不显示。网站链接:https://williamlsnowden.com

EN

回答 1

Stack Overflow用户

发布于 2018-09-21 21:56:37

这实际上是你的代码...你需要的自定义代码不在这里...我在*行添加了.....试一试并清除缓存

代码语言:javascript
复制
<style type="text/css" id="wp-custom-css">

.site-header{
    background-color: #247f34;
}

.site-header.light{
    display: none;
    background-color: #f16334;
}

.footer-widgets, .site-footer {
    background-color: #000;
}

.front-page-1 {
    height: 80vh;
}

.site-footer a:hover {
    color: #000000;
}
.after-entry {
    padding-left: 20px;
}

.front-page-2 {
    height: 80%;
    width: 90%;
    margin-top: -50px;
}

.flexible-widgets .widget {
    margin: 0;
}

.image-section {
    padding: 1em;
}

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

         *****************************************************************
         ***************************************************************
          .front-page-1 { 
                 background-repeat: no-repeat !important; 
                 background-size: contain !important; 
                 background-position:center !important;
           } 
          ***************************************************************
         *****************************************************************

    .front-page-2 .enews-widget     input {
            width: 100%;
    }

    /*.front-page-1 {
            background-image: url(//williamlsnowden.com/wp-content/uploads/2018/09/cover2-mobile.png);
    }*/

}
</style>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52444131

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档