Shortcodes

Parallax

To create a parallax effect on an image, use the [parallax_image] shortcode.


markup
[parallax_image img="images/background/bg-image-1.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"]
  your elements here
[/parallax_image]

To create the parallax effect on an element, use the [parallax] shortcode. To learn more about all the options attribute, see this table

markup
[parallax options="opacity: '1,0', y: '-50'"]your elements here[/parallax]

Title here

Sub title goes here


markup
[parallax_image img="images/background/bg-image-1.jpg" height="350" style="uk-text-center uk-contrast uk-flex uk-flex-middle uk-flex-center" options="bg: '-200'"]
  [parallax options="opacity: '0,1', scale: '0.75,1', viewport: '0.5'"]
  [heading size="h1" style="uk-module-title-alt uk-margin-top"]Title here[/heading]
  [heading size="h3" style="uk-sub-title"]Sub title goes here[/heading]
  [/parallax]
[/parallax_image]

Sign up for our newsletter to get the latest news

Contact Us

EvolvePlus Sales
  Contact: Contact Form
  Phone: 03 8560 3200

EvolvePlus Support

  Contact: Contact Form
  Support: Customer Support Portal
  Phone: 03 8560 3211

Other Solutions

People Counters
Counting Customers | Wireless Counters | Driving Decisions - More info...

Customer Feedback Solutions
Moodbox | Surveys | Smiley Feedback Counters - More info...

Library Solutions
RefPlus | My Reading List | Aurora LMS - More info...

Copyright © EvolvePlus Pty Ltd