Přečmrknutá cena

Nevěděl by někdo jak změnit přečmrknutou cenu (původní cenu) ?
Defaultně je stará cena v půli čmrknutá (myslím, že to dělá příkaz -line through v stylesheet.css), ovšem pokud máte jinou než defaultní šablonu a jiný font písma, tak potom můžete jen hádat, jestli stará přečmrknutá cena je 399, 899 nebo 999, protože to splývá.
Nepodařilo se mi najít žádný modul ať už free nebo placený, který by to řešil.
Ideální případ by byl (jak jsem někde viděl), buď kříž přes cenu, nebo alespoň přečmrknutí zleva odspodu doprava nahoru. Podařilo se mi najít úpravu pro stylesheet.css, ovšem nevím, jak to tam zařadit, aby se to zobrazilo ve výsledku správně.

Zde je úprava:

s, strike {
text-decoration: none; /*we're replacing the default line-through*/
position: relative;
display: inline-block; /* keeps it from wrapping across multiple lines */
}
s:after, strike:after {
content:""; /* required property */
position: absolute;
bottom: 0;
left: 0;
border-top: 2px solid red;
height: 45%; /* adjust as necessary, depending on line thickness */
/* or use calc() if you don't need to support IE8: */
height: calc(50% - 1px); /* 1px = half the line thickness */
width: 100%;
transform: rotateZ(-4deg);
}

zde je náhled jak to má potom vypadat: http://jsfiddle.net/mblase75/zd174wb4/

dejte si pravým tlačítkem na tu přeškrtlou cenu a zvolte "zkontrolovat provek" zobarzí se Vám ve Firefoxu editor kódu a stylů, kde si to můžete vyzkoušet. Ukáže Vám to i na jaký řádek + do jakého souboru.