Strike through

Wanneer je een prijs wilt doorhalen, dan werkt de optie doorhalen niet echt goed. Dit is ene dun lijntje. Je kan deze lijn aanpassen met de volgende codes.

Plaats de code in Pages > Customize > Settings > Custom Code > CSS

.strike {
position: relative;
padding: 5px;
}

.strike::after{
content: '';
border-bottom: 2px solid red;
position: absolute;
left: 0;
top: 50%;
width: 100%;
-webkit-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg);
}

Waar je deze lijn wilt gebruiken, type je tekst. Klik op <> en pas de tekst aan door er <span class="strike">DOORGEHAALDE TEKST</span> omheen te zetten. 

Van € 997,-- voor € 99,--

<p>Van <span class="strike">€ 997</span>voor € 99</p>