我必须删除在一侧的网站页面标题上显示的小三角形组件外观

我正在借助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中

看一看

只需删除它即可删除该三角形, 但是请记住, 如果删除此行, 它将从引用该类的所有其他位置删除该三角形。