Unfold Template - Question | JoomShaper

Unfold Template

MB

mick Barraclough

SP Page Builder 4 days ago

hi i am trying to undersand how the scrolling text works in the unfold template ( in the text animation section 1) can you tell me where i can change colours shape etc is it in css source-content1 if so where is that located

0
1 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 days ago #221246

Hi Mick,

The scrolling text works via SVG paths (#waveClip1 / #waveClip2) with <textPath> animations in main.js. • Text color, font, size → CSS targeting .source-content1 / .source-content2 or .sourcetext1- / .sourcetext2- • Wave shape → edit the d attribute of the <path> in JS • Animation speed / gap → JS variables speed1, gap1, dur1 / speed2, gap2, dur2 • JS file location → /templates/unfold/js/main.js • Custom CSS → use template custom CSS or /templates/unfold/css/custom.css for styling changes

If you’re not familiar with CSS and JS, it might be best to hire a developer to make these customizations safely. Editing both JS and CSS is required for things like changing wave shape, animation timing, and text styling, which can be tricky for a novice. This ensures the scrolling text works correctly without breaking the template.

Thanks

0