我正在设计&借助Wordpress主题开发网站。我被卡住的页面的链接是“https://8degreethemes.com/demos/?theme=eightmedi-lite”。在页面标题栏的此页面中,标题显示在浅蓝色的框中,在框右侧底角,出现一个小三角形。我需要删除这个三角形。我将标题框的bg-color
更改为透明,但三角形未更改其颜色。请帮我搞清楚。我已经与此分享了截图链接以突出显示三角形。此外,主题是免费的,因此您可以轻松下载并查看解决方案的所有文件。
由于
答案 0 :(得分:1)
这是你元素的pseudeo :: after
在你的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;
}
答案 1 :(得分:0)
由于某些CSS而产生。您必须通过chrome或任何其他工具中的开发人员工具检查它的来源。
我查看了演示网页,发现了这行css行
border-bottom:15px solid#70c0e8; 在你的style.css中
只需删除它以删除该三角形,但请记住,如果删除此行,它将从引用此类的所有其他位置删除该三角形。