Editing specific lines of text

Ask the community
,
1

hey, im making a site in wix studio editor, and i want to edit specific lines of a paragraph (i.e changing text size, changing indent etc), however, whenever i edit the specific lines, it edits every line in the paragraph. is there any fix to this? thanks in advance

2

2024-10-29 09_26_35-Wix Website Editor _ Main
2024-10-29 09_26_35-Wix Website Editor _ Main598×227 9.49 KB

this is an example of what im trying to achieve, this was done in wix editor and its all 1 text element. can this be done in wix editor?

3

Hi, Lantenr !!

It might be helpful to use this method. :wink:

$w.onReady(function () {

    const firstLine = "I'm first Line Text !";
    const secondLine = "<span style='color: red; font-weight: bold; font-size: 10px;'>I'm second Line Text(Part1)!!</span> I'm second Line Text(Part2)!!";
    const thirdLine = "I'm third Line Text !!!";

    $w("#yourTextElement").html = `
        <p>${firstLine}</p>
        <p>${secondLine}</p>
        <p style="text-indent: 100px;">${thirdLine}</p>
    `;

});