Некорректно работает псевдоэлемент :before

Первый раз — перед ценой. Второй — перед знаком рубля.

HTML для цены в вукоммерсе выглядит так:

<span class="woocommerce-Price-amount amount">1999<span class="woocommerce-Price-currencySymbol">р.</span></span>

Получается, что в игре участвуют два вложенных span, и псевдоэлемент добавляется к обоим.

Чтобы этого не происходило, используйте в CSS класс, который стоит у нужного вам span:

.special-grid-home .woocommerce ul.products li.product .price del span.woocommerce-Price-amount:before {
  content: 'старая цена';
}

Или дочерний селектор:

.special-grid-home .woocommerce ul.products li.product .price del > span:before {
  content: 'старая цена';
}