Dear Gubortolotto,
Thanks for using the Portfolio Manager.
This looks like a permalinks issue.
Have you tried refreshing the permalinks of the website?
Please let me know.
Here’s a quick video on how to do that:
https://www.youtube.com/watch?v=IGxI7hxcYvA
Hi provinciacreative,
Regarding the issue, for further assistance, could you please contact our technical team at contact@eleopard.in?
Dear Provinciacreative,
Thanks for using the Animate It!
Regarding you issue, could you tell me if you’re using any page builder, or is it default WordPress Editor?
Because we have checked the Plugin on 4.8.1 and it is working fine.
You’re Welcome.
Please feel free to let me know if you face any other issues.
Dear Lala,
Thanks for using the Portfolio Manager.
It seems that some of the theme’s CSS is overriding the Plugin’s CSS.
Please use this simple workaround:
1. Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS box.
2. Paste the following CSS:
eds-bpm-section ul{
padding-top: 0 !important;
}
.entry-content ul li{
margin-top: 0;
}
3. Save
This should reduce some of the spacing between the menu and the categories.
Please let me know if this works.
Dear Aj12,
I am sorry but Parallax Animation is not included in the Animate It!
However, you can add a nice FadeIn or FlipIn effect to you image using the Plugin.
Dear Nickiova,
I am afraid such features won’t be possible with Animate It!
As the sliding event is triggered by click of another button, Animate It! does not have this capability. I can’t think of any other plugin here with such functionality as well.
Dear Ajaxthemestudios,
You are right, the CSS for the project boxes is loaded at the end of the page.
This is because the isotope first recognizes the width available for the projects area, and then adds the CSS accordingly.
Glad to know the rest of the issues are resolved.
Dear Ajaxthemestudios,
Apologies for not noticing this before, but the class added is wrong in the CSS.
Please try replacing .eds-bpm-section with .eds-bpm-option-set and it should work.
Regarding:
“it will still briefly load an unstyled bullet list”
Loading the inline style with the theme’s CSS is theme’s function. I am afraid nothing I can do about that.
Please let me know if this works.
Dear Ajaxthemestudios,
Thanks for using the Portfolio Manager.
I believe this might be a CSS conflict.
Could you please send me link to the page where you are facing this issue?
That will help me take a closer look.
You are welcome 🙂
Please feel free to let me know if you face any other issues.
Dear Ricardo,
Thanks for using the Animate It!
From what I understand, you need to have a full width on the Mosaic View (where there are thumbnails of all the projects), as well as full width on the single project page as well.
All projects and single project views take full width of the theme page. So in order to make the project(s) full width, please put them in the theme sections that has full width.
Also, if possible, please send me link to your projects page. I’ll see if we can do something via CSS.
-
This reply was modified 8 years, 10 months ago by eleopard.
Glad to know it worked 🙂
Please feel free to let me know if you have any other issues.
If you find the Plugin useful, please do not forget to rate it.
Dear Bogodline,
Thanks for using the Animate It!
In order to achieve what you want, You can set the “Scroll Offset (in percentage):” to a lower value (maybe 2 or 4).
Scroll offset is basically part of object which is in the screen, when the Animation happens.
Please let me know if this works.
Dear Chris,
Thanks for using the Animate It!
You can set Animate On: to Scroll in order to make the animations on Scroll. Please refer to this screenshot for more info:
Alternative, for already added animation, just change the short-code attribute from
animate_on= “load” to animate_on= “scroll” to make it work.
________________________________________________________________
Another thing:
Also, I have noticed that the HubSpot Contact form you are loading has no height in the beginning. So initially the 3 logos are on the screen, and then pushed down by the form. This would make the logos fadeIn as soon as the page loads, because technically they are on the screen at the time of loading.
To avoid this you can add the following custom CSS in Settings > Animate It > Custom CSS Box:
.page-contact-us .entry-content .first.one-half{
min-height: 715px;
}
This would push the 3 logos down the screen as soon as the page loads.
Please let me know if this works for you.
