Community > Discussions
72 views
3 replies

Live Slider - Animated Text

In the sample site that came with Porto, there is a nice animation of "The #1 Selling DNN Theme on DNN Store".  It is the second slide at http://porto.mandeeps.com/

I would like to use something like this.  The problem is that there needs to be a layer for each letter in the text, and the spacing of the letters is a bit tedious to set up.

My question:  is there a way to construct this easily?

Thanks.

Nancy Resset Nancy Resset
Published 06/10/2020 17:56
Add Comment
Ashish Pachori

If you have Porto then you can easily import HomeFullScreenSlider.page.template page template on your site.

See https://www.mandeeps.com/support/knowledgebase/porto-getting-started-import-page-template

replied 06/11/2020 11:34
Nancy Resset

Yes, thanks.  I have done that.  What I want to do is to replace the animated text that slides up one character at a time.  Are there any guidelines on how to do that?

It looks like I adjust the left position of each letter.  There isn't the same spacing and it seems to depend on the preceding lettter, and I haven't quite figured that part out.  Is there a table somewhere that tells the width of each letter, or must I figure that out?

Any help would be appreciated.

replied 06/12/2020 19:42
Ashish Pachori

You can replace the text from layers of the Live Slider(Manage > Layer > Basic) see https://snipboard.io/HnmOuB.jpg and Position of text from Manage > Layer > Style see https://snipboard.io/vC5TEj.jpg

replied 06/16/2020 11:16

Last Activity 06/16/2020 11:16