Как правильно отображать старую и фактическую цену продукта в 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 Моди, я применил следующие изменения:

--Solution--

.product -grid .product-item .цены. фактическая цена

• Удалено с выравниванием по вертикали: среднее;
• Добавлено: относительное;
• Добавлено top: 10px;

.item коробка .old-цена

• Добавлено положение: относительная;

• Добавлено top: 10px;

--Result--