css - 如何在 nopCommerce 中正确显示产品的旧价格和实际价格？

Question

我正在为我的网上商店使用 MyStore 主题。我有一个旧价格和实际价格的产品。但它没有在网络浏览器中正确显示。

如下图所示（第二个产品足球）。

Answer 1

这看起来是 CSS 问题，我认为问题已经到位。如果可能，请发送站点 URL，以便可以检查并检查它。

附言

我尝试应用一些 CSS，请参阅我不是 CSS 开发人员，但我尝试了一些东西。希望能帮助到你。

<div class="prices">
<span class="price old-price" style="
    position: relative;
    top: 10px;
">€35,00</span>
<span class="price actual-price" style="
    position: relative;
    bottom: 25px;
">€30,00</span>
</div>

结果：

Answer 2

根据 Krutal Modi 的回答，我应用了以下更改：

- 解决方案 -

.product-grid .product-item .prices .actual-price

• 删除了垂直对齐：中间；
• 添加位置：相对；
• 添加顶部：10px；

.item-box .old-price

• 添加位置：相对；

• 添加顶部：10px；

- 结果 -