Hi, we love the split line animations on our website for title and subtitle.
In the subtitle we need to use HTML code:
– new line
– superscript
– maybe strong, em
But it's not possible. Even
new line is not possible. How can I activate it?
Plan B could be to activate the same split line animation for another element, like text or fancy unordert list. At the moment I need to combine split line heading with fancy unordert list and the different animation style is very ugly
Unfortunately, this won't be possible without modifying the underlying JS. The split line heading gets stripped down to text only, split into an array of words, and then wraps each word individually in new markup to handle the animation.
The "splitLineHeadingMarkup" function which does this is located in salient/js/src/init.js
Hi, we love the split line animations on our website for title and subtitle.
In the subtitle we need to use HTML code:
– new line
– superscript
– maybe strong, em
But it's not possible. Even new line is not possible. How can I activate it?
Plan B could be to activate the same split line animation for another element, like text or fancy unordert list. At the moment I need to combine split line heading with fancy unordert list and the different animation style is very ugly
https://markuphero.com/share/HljqBDxtqarlCiDm1j3P
Hey Again,
This will likely have to be done with template edits. This should help: https://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/
Thanks
ThemeNectar Support Team
Yes, I know, but in which file can I find the split line heading and what function do I need to remove to not clean the HTML Code?
Had a quick look and this might not be possible due to how the Text is formatted. Escalating this to the developer for further response.
Best
ThemeNectar Support Team
Hey waldemarker,
Unfortunately, this won't be possible without modifying the underlying JS. The split line heading gets stripped down to text only, split into an array of words, and then wraps each word individually in new markup to handle the animation.
The "splitLineHeadingMarkup" function which does this is located in salient/js/src/init.js
Kind regards