The script will need to be added in the theme’s functions.php file.
And you can add a Text-widget to implement that script on your page.
If you do not have a background in it, I would recommend contacting our Technical team regarding this.
You can send your requirements to contact@eleopard.in
Dear Stephen,
Thanks for using the Animate It! Plugin.
What you need is partially possible using Animate It!
Please take a look at the demo I created here: http://animateitdemo.wpdevcloud.com/demo-for-stephan/
This works fine on normal DIV. However, when the image is fixed on top, the scroll offset feature does not work.
I think you need to use custom JavaScript in order to make it work exactly like you want.
Dear Iygen,
Apologies for the inconvenience.
Can you tell me in which particular page, or scenario are you getting this error?
Also, if possible, please send a screenshot of the error to contact@eleopard.in.
Thanks.
-
This reply was modified 8 years, 12 months ago by eleopard.
Yes this works.
Please remove the previously added CSS, and add the following:
.portfolio-column {
margin-left: auto !important;
margin-right: auto !important;
}
.portfolio-column h5{
margin-left: 10px;
}
@media only screen and (min-width: 1020px) and (max-width: 1260px) {
.portfolio-column {
max-width: 960px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1019px) {
.portfolio-column {
max-width: 720px;
}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
.portfolio-column {
max-width: 480px;
}
}
@media only screen and (max-width: 767px) {
.portfolio-column {
max-width: unset;
}
.eds-bpm-main{
max-width: 232px;
margin-left: auto;
margin-right: auto;
}
.portfolio-column h5{
text-align: center;
margin-left: 0;
}
}
This should take care of both centering of the gird, as well as alignment of the headings.
-
This reply was modified 8 years, 12 months ago by eleopard.
In case you do add the CSS class, please let me know and I’ll provide you the updated CSS accordingly.
Dear Phil,
Apologies for the delayed reply due to the weekends.
Please paste the following CSS in Custom CSS box in Portfolio Manager > Settings > Advanced Tab:
.eds-bpm-main {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 1020px) and (max-width: 1260px) {
.eds-bpm-main {
max-width: 960px;
}
}
@media only screen and (min-width: 800px) and (max-width: 1019px) {
.eds-bpm-main {
max-width: 720px;
}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
.eds-bpm-main {
max-width: 480px;
}
}
@media only screen and (max-width: 767px) {
.eds-bpm-main {
max-width: 232px;
}
}
For the headings, I’d suggest you to make them centered, as there is no unique class on top of it this time, to provide custom margins.
Note: the heading can be also perfectly aligned, if you would add a Custom CSS class to the portfolios (e.g. portfolio-block).
You can check this screenshot to see where to add class:
Please let me know if this works.
Dear Dschwartz0815,
I check the website, and the Plugin seems to be installed fine.
However, I see in the code that there is attribute “data-so-animation=” in the title. The thing is, Animate It! does not uses this format in order to animate the content.
I request you to please create a demo page, and add some Animations to it via Animate It! button (Guide here: http://downloads.eleopard.in/animate-it-documentation-wordpress.html#adding-animations)
Side Note:
Also, I believe you are using Page Builder by SiteOrigin. If so, you can use the following work-around as well. On any of the elements, add classes to the Widget Class e.g. animated fadeInUp duration1
You can generate the classes from our Animate It Generater: http://downloads.eleopard.in/class-generator-wordpress
Please let me know if this helps.
Dear Dschwartz0815,
Thanks for using the Animate It!
The issue you have can be caused by a number of reasons.
In order to look into it in more details, could you please send me a link to your website?
Hi Mirkoo,
Thankyou for using Animate It!.
Regarding the issue, could you please check if the assets required for Animate It! are getting loaded or not?
To check, please follow below steps:
1. Open the Website front-end.
2. Right click on the page and click on view source options.
3. please check if the below files are added in the page or not
edsanimate.js
edsanimate.site.js
animate-animo.css.
If the above assets are not getting loaded then the possible reason is that wp_head() or wp_footer() functions are not getting called and these functions are important for loading assets in WordPress.
Marking this as resolved, please let me know if you have any further issue.
Glad to know it worked 🙂
Feel free to let me know if you face any other issues.
Please take a few mins of your time to write some good words
https://wordpress.org/support/plugin/animate-it/reviews/
Thanks.
Dear Boble7,
You need to add the CSS classes to the existing class.
So,
<div class=”site-branding”>
Becomes
<div class=”site-branding animated bounceInUp duration4 eds-on-scroll”>
Please note the class “site-branding” is not removed.
Let me know if this works for you.
-
This reply was modified 9 years ago by eleopard.
Dear Boble7,
Thanks for using the Animate It!
Instead of:
<p style=”text-align: center;”>
[edsanimate_start ...]
Remember the Two Wolves?
[edsanimate_end]
</p>
Please try:
[edsanimate_start ...]
<p style=”text-align: center;”>
Remember the Two Wolves?
</p>
[edsanimate_end]
Regarding your other query, you can create a child theme, and paste the header.php file there, and then add the CSS classes by generating them in the Class Generate here:
http://downloads.eleopard.in/class-generator-wordpress
Please let me know if this works.
Dear Patohoward,
Glad to know it worked.
Please feel free to let me know if you have any other issues.
Also, thanks for an awesome review 🙂
