eleopard

Dear Ivano,

Thanks for using the Animate It!

The issue is not the delay here, but the scroll offset.
Its the offset that triggers the animation after the element is that much inside the browser window.

You can set it to a smaller value to fix it.
Simply, go to Settings > Animate It! and set the “Scroll Offset (in percentage):” to a small value, e.g. 10 or 5.

Here’s a screenshot for more info:
https://www.downloads.eleopard.in/animate-it-documentation-wordpress#note

Please let me know if this works for you.

• This reply was modified 8 years, 1 month ago by eleopard.

Dear Phil,

Thanks for such good words 🙂

Regarding the centering of elements, please replace the previous CSS with the following:

.portfolio-column {
	margin-left: auto !important;
	margin-right: auto !important;
}
.portfolio-column h3 {
	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 .eds-bpm-main{
		max-width: 480px;
		margin: 0 auto;
	}
	.portfolio-column .fusion-text{
		text-align: center;
	}
}
@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 h3 {
		text-align: center;
		margin-left: 0;
	}
}

Let me know if this works.

Dear,

This indeed seems a strange behavior.

Do you have some additional plugins/page builders that open the similar modal window? Maybe that’s the reason for the conflict.

I am just guessing here, but I believe this should work.

1. Add this Plugin to your website:
https://wordpress.org/plugins/add-admin-css/

2. Go to Appearances > Admin CSS

3. paste the following in

.mce-window.mce-in {
    z-index: 999999 !important;
}

4. Save

Let me know if this works for you.

Also, Please let me know in case this causes conflict with any other modal windows.

Dear Rizkysyazuli,

Thanks for using the Portfolio Manager.

You can get rid of the top filter by adding all the projects to one category, and then selecting single category for the projects view.

If you need to have multiple categories, then do the following:

1. Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS.
2. Paste the following and save:

#options > .eds-bpm-option-set{
	display: none !important;
}

This would hide the filters from the top.
Let me know if this works for you.

Oh and you can see the demo using Visual composer here:
http://beyond-digital.wpdevcloud.com/post-for-ivan/

This is test website of ours using Visual Composer.

Dear Boothbymedia,

Glad to know it worked.

Please feel free to let me know if you have any other issues.

Dear Kingteeb,

Thanks for providing the info.
you would have to ad javascript to the page to achieve this.

Do the following (it is simple copy and paste mostly 🙂 ):

1. Add this plugin to the website:
https://wordpress.org/plugins/insert-headers-and-footers

2. Go to Settings, Insert Headers and Footers and add the following to the footer box:

<script>
jQuery(function(){
   jQuery('.add-class-btn').on("click", function () {
   jQuery('.animate-me').addClass("animated spinner duration1");
   });
});
</script>

Please note: you can change the animation classes , just go to:
https://www.downloads.eleopard.in/class-generator-wordpress
generate you class, Copy and replace animated spinner duration1 with your own generated classes.

3. The area which you want to be animated, add animate-me class to it.
(refer this screnshot)

4. Add the class add-class-btn to your button
(again you can use widget class area, or you can do it manually)

Now your animation should be added to the area on click.

You can see this live here. I have used Sydney theme and Siteorigins to replicate your website:
http://animateitdemo.wpdevcloud.com/post-for-kingteeb/

Let me know if this works for you.