我正在借助Wordpress主题设计和开发网站。指向我所停留页面的链接是”
https://8degreethemes.com/demos/?theme=eightmedi-lite”
。在页面标题栏中的此页面中, 标题显示在浅蓝色的框中, 并且在框的右下角出现一个小三角形。我需要删除这个三角形。我将标题框的bg颜色更改为透明, 但是三角形没有更改其颜色。请帮我弄清楚。我分享了与此截图的链接, 以突出显示三角形。另外, 该主题是免费的, 因此你可以轻松下载该主题并查找解决方案的所有文件。
文章图片
谢谢
#1 那是pseudeo ::你的元素之后
在你的css文件中https://8degreethemes.com/demo/8medi-lite/wp-content/themes/eightmedi-lite/style.css?ver=4.8.5
删除以下CSS代码块:
h1.page-title:after, .sidebar .widget-title:after{
content: "";
border-bottom: 15px solid #70c0e8;
border-left: 15px solid transparent;
position: absolute;
bottom: 0;
right: 0;
}
#2 由于某些CSS, 它正在生成。你必须使用Chrome中的开发人员工具或任何其他工具检查它的来源。
我已经检查了演示网页, 发现这行css行
【我必须删除在一侧的网站页面标题上显示的小三角形组件外观】边框底部:15px实心#70c0e8; 在你的style.css中
看一看
只需删除它即可删除该三角形, 但是请记住, 如果删除此行, 它将从引用该类的所有其他位置删除该三角形。
推荐阅读
- 显示选项卡的图像按钮
- 我的wordpress网站顶部有一个随机的”t”,但它不在任何主题文件中
- linu运维(一次linux重启时间过长的排查)
- 一k8s基础环境搭建
- iPhone 13 信号差到“失联”(有博主测试了)
- linux学习--简单的文本处理工具
- linux基本命令入门篇
- 十二docker swarm监控
- PXE高效批量网络装机实现Kickstart无人值守安装