-
AuthorPosts
-
June 24, 2013 at 12:59 am #25257
I noticed the transition to one area to another for the button in the fullscreen slider is differen’t than regular linking not in the fullscreen slider.
For example “learn more” button in the fullscreen slider is smooth pace and the “check out our team” button speed is very quick.
Is there a way to make all of the Id linking speeds as smooth and slower pace like the fullscreen slider button speeds.
Thanks much.
Andy
June 24, 2013 at 2:22 am #1262802. Also another request is the Color Section to be full screen adjusted.
I set it as a background, but on ipads it doesn’t adjust to full screen.
I use the color section as a background often do to it’s ease of use and flexibility. The add/dropping in of text boxes makes it
extremely easy to add in images and texts. ( i had a request to make color box true parallax, to make it a lot easier for users to add drop in items, pretty much the fullscreen slider functionality but the ease of add/dropping in items like text box )
3. Any way to make images light box glow to exact shape? I’m adding in rectangle shaped buttons as an image to #ID link.
but it doesn’t light up. I used the light box 2 plugin, but it defaults to a large square instead of forming exactly into a rectangle, it also forms a square over circles as well.
Thanks much! 1.7 is such an amazing update.
Andy
June 24, 2013 at 4:54 pm #126281Hey Andy,
For the color section yes its not able to go fullscreen at the moment. It needs content inside of it to stretch it to fill the screen.
For your main question, I’m not completely clear on the question/issue. Is this in the layerslider? You can set the items within a slide to transition as slow or as quick as you want.
On #3 I’m also not really clear on what you are looking for. There is a lot of custom css that can be added to do just about any effect with hovers but its just a matter of writing it.
Regards,
Devin
June 25, 2013 at 3:35 am #126282Hi Devin,
Thanks for answering and clarifying the secondary questions.
As for the main question.
When you click the “learn more” button in the enfold one page demo, It transitions to a section below at a certain speed. Slow smooth speed.
When you click on another #id tag like the “check out our team” button at the lower section, it transitions to another section very quickly.
I was wondering if you can make all transition speeds like the “learn more” button through CSS.
Try clicking on them and you’ll see the speed varies greatly.
June 25, 2013 at 8:13 pm #126283Hi,
Can you please point us on your site or the demo site to the specific page urls which contain an example of both fast and slow transition please.
Thanks,
Nick
June 25, 2013 at 9:05 pm #126284Go here:
This is the average slow paced link, find this link on the page and click on it.
http://i.imgur.com/FmiPVU3.png
The link url: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/#portfolio
This is the slow transition speed link
http://i.imgur.com/WZF8jMW.png
The link url: http://kriesi.at/themes/enfold/homepage/home-v7-one-page-portfolio/#team
You can tell the difference between the two. Go on the one page site and find the buttons and click on them.
Thanks Nick
Andy
June 25, 2013 at 10:26 pm #126285Hey Andy!
You would need to adjust that manually by opening the avia.js file in folder enfold/js/ and then scroll down to line 354 which should read:
duration= data.duration || 800,
change the default scrollspeed number to a higher number which will result in slower scrolling. eg:
duration= data.duration || 2000,
June 26, 2013 at 2:47 am #126287Ah! thank you. It did the trick!
-
AuthorPosts
- The topic ‘Even out the transition #id speed request’ is closed to new replies.