Hi, So I would like to strike through a text element (which would be the previous price) with some code on each page that contains repeaters. Anyone know what code to put in on the pages to convert a normal text into a striken through one ?

Text elements can contain a subset of HTML in them. You could use the text-decoration: line-through style. Read more about this: [image] Velo: About Formatting Text Elements | Help Center | Wix.com Visit the Velo by Wix website to onboard and continue learning.You can connect data to el…

Thanks but this is all mumbo Jumbo to me ^^ Could you maybe provide the bit of code to do that ? The text I need striken through is named #text80

How does the text get in there? Is the text element connected to a dataset?

Yes it is connected to a filed in one of the datasets. #dynamicDataset

Something like this, but you might have to play with it a little: $w.onReady(function () { $w("#dataset1").onReady( () => { $w("#text80").html = `<span style="text-decoration: line-through">${$w("#text80").text}</span>` } ); });

Amazing ! It works, well amost : It doesn’t fetch the data anymore so the text displayed is the placeholder one. Also, can I have the same with red bold Italic Arial in fontsize 15 please ?

Can you show us your full code, so I can try and see why you’re seeing the placeholder text The style property of the span element is a standard HTML attribute that takes CSS styles. You can add any additional styles in there as long as they are supported. The list of supported styles is in one…

The text can be seen right under the truck icon

Hi, You shouldn’t create two different “onReady” functions… Place the code in the first “$w(”#dynamicDataset").onReady" only and delete the second.

Alright. It still strikes the text through, but the text doesn’t change according to the data it is connected to. Also I can’t really figure out how to put what and where to make it red Arial 15. This is what I tried, to no avail : $w.onReady(function () { $w("#dynamicDataset").onReady( () => { …

How to strikethrough text with code?

Ask the community

roi-bendet February 14, 2018, 3:08pm 18

Move the line to the $w(“#repeater2”).forEachItem scope.

$w("#text80").html = `<span style="font-family:arial; color:red; text-decoration: line-through;font-size:15px">${$w("#text80").text}</span>`;

Roi

Topic		Replies	Views
[SOLVED] Make strikethrough red Ask the community code , question	3	141	July 12, 2022
Strikethrough price on a repeater Ask the community code , question	1	106	May 16, 2023
Highlight word in a paragraph Ask the community wix-studio , code , question	4	33	June 23, 2025
Properties for text element Ask the community wix-studio , code	5	41	June 12, 2025
Change the font/text color in a repeater or in a text element Ask the community wix-studio , code , question	11	190	March 8, 2024

How to strikethrough text with code?

Related topics