wpengine

wpengine

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Animate It!
Questions
Doesn't work witSite Origin Button or Image

TOPIC: Doesn't work witSite Origin Button or Image

Doesn't work witSite Origin Button or Image 7 years 10 months ago #606

  • Tushar
  • Tushar's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: -1
Forgot to mention it works on the 'SitOrigin Editor' widgets.... but not on 'SiteOrigin Button or SiteOrigin Image'
The administrator has disabled public write access.

Doesn't work witSite Origin Button or Image 7 years 10 months ago #607

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
On any of the elements, it should be:

Widget Class: animated fadeInUp duration1
CSS Styles: Empty(do not put anything)

The addition of styles in pho is fine.
Please let me know if you face any more issues.
The administrator has disabled public write access.
The following user(s) said Thank You: Tushar

Doesn't work with Site Origin Button or Image 7 years 10 months ago #608

  • Tushar
  • Tushar's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: -1
Dear eLeopard

Yes, this seems to be working great!

Getting greedy for more animations, is it possible to have 2 animation effects back to back?
For eg

Start with - animated slideInLeft duration1
Followed by - animated fadeInUp duration1 eds-on-hover

Thanks
The administrator has disabled public write access.

Doesn't work with Site Origin Button or Image 7 years 10 months ago #609

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
You can achieve it by wrapping a DIV to the content.

So the first animation would be by the Widget Class.
And the second one would be from the DIV.

A typical DIV animation structure looks something like:
<div class=" animated jello duration2">
    Your content here
</div>
The administrator has disabled public write access.

Doesn't work with Site Origin Button or Image 7 years 10 months ago #610

  • Tushar
  • Tushar's Avatar
  • Offline
  • New Member
  • Posts: 9
  • Karma: -1
Hi eLeopard

This is working great for the most part.
Thanks a ton for your help thus far! :cheer:

Having a small hitch though when animating the main menu :blush:

1. Cannot seem to make the black band move along with the rest of the page & its elements (animated fadeInUp duration1) although individually the About Us, Products etc are animating.
2. The Sub-menu for Products & Knowledge seem to have disappeared when setting the animation.

Thanks
Tushar
The administrator has disabled public write access.

Doesn't work with Site Origin Button or Image 7 years 10 months ago #611

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
In masthead.php, instead of adding the animation classes to <div class="hgroup full-container">, I added them to <header id="masthead" class="site-header" role="banner">, this seems to take care of animating menu along-with the header.

Regarding the Submenu disappearing, somehow the submenu was rendering behind the slideshow. Setting up of z-index helped solved this.
I have added the following rules to Settings > Animate It! > Custom CSS

#main-slider{
    position: relative;
    z-index: 1;
}
#masthead{
    position: relative;
    z-index: 9;
}

Please let me know if this works as per your requirement.
The administrator has disabled public write access.
The following user(s) said Thank You: Tushar
Forum
Animate It!
Questions
Doesn't work witSite Origin Button or Image
Time to create page: 0.279 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)