Forum Support

Shape 5
July 29, 2021, 07:28:47 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: scroll reveal  (Read 254 times)
s5denny1
Jr. Member
**
Offline Offline

Posts: 55



« on: January 06, 2016, 11:40:37 AM »

Hello Shape5, wondering if you could point me in the right direction with this.

I'm trying to use scroll reveal. I enabled 'enable scroll reveal' in template manager - assumingth is intalls it and adds it beofre the </body> tag.

For example I want to add it to a module e.g. <div data-scroll-reveal="enter left and move 50px over 1.33s"> Enter from the left and move up 50px in 1.33 seconds. </div>

My module has this html:
<div class="gray_box">
<h4 style="color: #000000; text-align: center;">My Heading</h4>
<p style="text-align: center;">My further text</p>

I tried to insert it right in there and it doesn't work. Any chance of enlightening me as to what I should do with it to make it work?

Kind regards
Logged
s5denny1
Jr. Member
**
Offline Offline

Posts: 55



« Reply #1 on: January 06, 2016, 01:06:08 PM »

Have tried: data-sr= by the way.

I'm thinking about moving to Swapps template to get the look I want.

Can it be achieved in Corpway.

Or could you give me a heads up on how to implement this for module display text, full module and the likes.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #2 on: January 06, 2016, 03:18:34 PM »

Hello,

You can use it on any template. I think it would be like this though:

data-sr="enter left move 50px, over 1.33s"

You don't need the "and" and you are missing a comma.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
s5denny1
Jr. Member
**
Offline Offline

Posts: 55



« Reply #3 on: January 07, 2016, 05:37:19 PM »

Thanks Mike, have it now. I also moved to Swapps. The answer really is that you div it in where you want it.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.