移动模式下我的网站封面图片上出现白色模糊。我怎么能删除它？

Posted 2021-05-02

每当这个网站（https://scavengerwoodworks.com/）进入移动模式时，封面图像顶部的叠加层会变成白色，使得单词难以辨认。无论如何我能解决这个问题吗？

答案

选项1：在您的定制器CSS编写代码中：

.opacity-full.bg-white.display-none.xs-display-block {
    background: transparent;
}

选项2：从下面的代码中删除主页中的bg-white类。

<div class="opacity-full bg-white display-none xs-display-block"></div>

选项3：注释掉你的styles.css第280行可以解决这个问题，但会影响你的网站应用的风格。

/* ===================================
    Background color
====================================== */
.bg-white{/* background: #fff */}