尝试使用jQuery或CSS删除Squarespace中的悬停叠加层

Question

当我将鼠标悬停在导航栏上时，全屏图片的亮或暗覆盖层会稍微模糊图片。没什么大不了的，但是我的客户希望它消失了，而且它不是Squarespace中的常规样式编辑器选项。

开发工具为我提供了我需要编辑的内容的类名，但是我正在编写的CSS和jQuery似乎没有做任何事情。这是我在代码注入窗口中尝试过的选项之一。

我在做什么错了？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>

<script>
  $(“#canvas”).removeClass(“color-weight-light”);
  $(“#canvas”).removeClass(“color-weight-dark”);
</script>

我也尝试添加一个

.show-overlay{ display: none; }

到CSS页面，但这也没有效果。