Woo精品主题类别价格横幅 - 更改

Question

我正在使用Woocommerce - Boutique主题。

这个主题在我摔跤的类别页面上有一个价格横幅。在标准主题中，它位于产品图像的顶部，半阻止图像，因此我将其移动到产品图像的底部，并且使用中间屏幕尺寸，它现在阻止下面的类别产品名称文本图片。在移动视图中，价格横幅向右移动。

如果我能够获得价格标签，并且保持产品形象并且不阻挡任何东西或移动，我会很喜欢它，但如果没有这个，我想在产品和产品下方只有价格作为纯文本标题 - 所以它在任何尺寸的屏幕上看起来都一样 - 如果有人可以看看我是如何做到这一点的 - 我不知所措。

几个月前，在精品论坛上，我得到了以下解决方案 - 但它没有为我改变横幅做任何事情 - 它没有改变任何东西..

    span.price {
    color: black;
    background: none;
    position: relative;
    box-shadow: none;
}
span.price:after {
    display: none;
}

我需要帮助的网站是here

Answer 1

我想通了

/ *删除价格横幅媒体全部* /

ul.products li.product .price {
position: relative;
top: .01em;
padding: .1253em .3857em;
background: none;
color: black;
box-shadow: none;
font-weight: 400;
}
ul.products li.product .price:after {
display: none;  
}