我如何在 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

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

.item-box .old-price

添加位置：相对；
添加顶部：10px;

--结果--

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

How do I display old and actual price of Product correctly in nopCommerce?

css

themes

nopcommerce

nopcommerce-themes