简站WordPress主题文章、页面和分类导航栏有透明背景的效果,如果想要改变这个效果的透明度,可以修改对应CSS文件里的数值。

这个效果对应的文件一般是css文件夹中的styles.css文件,也有一些是其它的.css文件,每个主题略有不同,修改方法是一样的。

打开styles.css文件在里面找如下代码,不同主题命名可能略有不同,用“breadcrumbs::before”搜索可以快速找到。

.breadcrumbs::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding:0px;
  margin:0px;
  content: "";
  background: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0.75));
  z-index:-1;
  border-bottom:solid 0px #f8f9fa;
}

修改上面的0.75、0.75、0.75几个数值就可以改变透明度。值越大颜色越深,值越小颜色越浅。

比如,改为0,就没有透明效果了,改为1,就为纯黑色了。

提醒:这里背景用的是渐变的透明效果,也有一些主题这个位置背景使用的是纯色的透明效果

.breadcrumbs::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.125);
}

具体每个主题略有差异,修改方法是一样的。

加QQ获得帮助