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

Question

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

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

Answer 1

这看起来像CSS问题，我认为问题就在眼前。如果可能，请发送站点URL，以便检查并检查它。

P.S

我试过应用一些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

• 已删除vertical-align：middle;
• 添加职位：亲属;
• 添加顶部：10px;

.item-box .old-price

• 添加职位：亲属;

• 添加顶部：10px;

<强> - 结果 -