基本 CSS 帮助 - 删除形状

Question

我试图通过 css 禁用元素标签上方的三角形。要查看这些，请按link，（听，看，细细品味）有虚线和文字。文本上有一点红色 triangle/arrow 不是 centered.I 已成功完成菜单，但不是元素标签。有问题的网站是：tedmartinez.com

.content-title span:before {
display: none;
}

.content-title span:before {

     content: none;

}

span.content-title {
    display:none;
}
span {
    display:none;
}

.content-title span:before {
    content: none;
}
#content-title span:before {
    content: none;
}

以上代码无法在 element/content 标题上禁用它。

/*removing all arrows and triangles from Tripod*/
nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
content: none;
}

nav.main-menu>ul>li:last-child:after{
content: none;
}

.sf-menu > li:hover > ul:before,
.sf-menu > li.sfHover > ul:before {
content: none;
}

nav.main-menu > ul > li:before {
    content: none;
}

.widget h5.widget-title span:before {
    content: none;
}

#reply-title span:before, #comments-title span:before, .related-title span:before {
    content: none;
}
/*tripod menu arrows while active*/
    nav.main-menu > ul > li.selected:before, nav.main-menu > ul > li.active:before {
            content: none;}

/*tripod menu arrows while hover*/
    nav.main-menu > ul.sf-menu li:hover:before, nav.main-menu > ul.sf-menu li.sfHover:before{
            content: none;}

这有助于在菜单上禁用它。

那是行不通的。当我在浏览器中编辑 HTML 时，就在检查元素下方，如果我删除 span 标签，它就会起作用。另外，我想将元素标签的文本居中。去品味页面看看。我希望味道在一条线上，然后在另一条线上，同时保持中心。我该怎么做？非常感谢！

Answer 1

试试这个

.content-title span:before{
  border-left: none;
  border-right: none;
}

要回答您的第二个问题，请将宽度设置为 50% 以防止文本换行

 .content-title span {
  padding: 10px 15px 0 15px;
  position: relative;
  display: inline-block;
  z-index: 2;
  border-radius: 10px;
  width: 50%;
}

基本 CSS 帮助 - 删除形状

Basic CSS Help - Removing a shape

html

css

wordpress

themes

shape