eleopard

Hi nick,

I just checked the website, and I se that the Video player is going out of the page width. However, the images etc. were loading fine on my end.

Please confirm if this is also the case with you. If not, please share a screenshot with me. That would help a lot.

Thanks.

Hello,

You are right, currently team IDs are not supported in importing.
I’ll look into it, and will add the feature it if Behance API allows that.

In the meantime, yuou can just user your team members’ user IDs to import the project. The projects won’t be Duplicated, so there are no worries about copies of same project.

Dear Sslakd,

Thanks for using the Portfolio Manager.

From what I gather. Team projects also have a number of people added, with a team.
So adding this would not be any different then adding a solo project.

E.g. this is my team: https://www.behance.net/eleopardstudios
And this is One of the team projects, that has id 60808543
https://www.behance.net/gallery/60808543/Residential-Settlements-Website-and-Branding

So adding 60808xxx to the Plugin would be same as adding any other behance project.

Please let me know if I am missing anything.

Dear Gal885,

Thanks for using the Animate It!

The issue you seek, is unfortunately not available in the current version of the Plugin.
This is however, in the cards for our future releases.

Please stay tuned 🙂

Dear Ali,

Finally got the issue 🙂

Please paste the following in Portfolio Manager > Settings > Advanced > Custom CSS Box:

#bop-project-left .bop-text-center > .embed-dimensions{
	max-width: 100% !important;
}

I accidentally read ISSU as Issue 😀
Sorry for that.

Let me know if this works for you.

Dear AliAnne,

Thanks for using the Portfolio Manager.
The issue here is not with the Plugin, but the theme you are using.

The page width set in the theme is used by the plugin to display the projects.
I checked http://www.alijonesdesign.com/portfolio/bproject/ediwrap-branding-1/ and this is how you can increase the page width.
Please not that this will change the page width throughout the website.

Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box and paste the following:

.container-wrap > .container{
	max-width: 1440px;
}

This would make the project width 1400px as in Behance.
Let me know if this works for you.

Dear Ivano,

Apologies for the delayed reply.
I got caught up in some other tasks.

Regarding the issue, the reason for late SlideIn is, the animation starts from 3000px, which is fine for larger devices. However for small ones, it starts way off the screen, and takes time to reach the viewport.

This is a simple over-ride that should help:

Remove the previously added code I sent above, and paste the following in Settings > Animate It! > Custom CSS box:

@media only screen and (max-width: 767px) {
	@-webkit-keyframes slideInLeft {
		0% {
			-webkit-transform: translate3d(-768px, 0, 0);
			transform: translate3d(-768px, 0, 0);
			opacity: 1;
		}

		100% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		}

		@keyframes slideInLeft {
		0% {
			-webkit-transform: translate3d(-768px, 0, 0);
			transform: translate3d(-768px, 0, 0);
			opacity: 1;
		}

		100% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
	@-webkit-keyframes slideInRight {
		0% {
			-webkit-transform: translate3d(768px, 0, 0);
			transform: translate3d(768px, 0, 0);
			opacity: 1;
		}

		100% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
		}

		@keyframes slideInRight {
		0% {
			-webkit-transform: translate3d(768px, 0, 0);
			transform: translate3d(768px, 0, 0);
			opacity: 1;
		}

		100% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
}

I have tried it on my end, and its working fine. You can check it here:
http://animateitdemo.wpdevcloud.com/post-for-ivano/

What it does is, for screens smaller then tablet (767px and smaller), it startes the animation from 768px, i.e. just outside the viewport. Also, the SlideIn Right is added too, just in case.

Let me know if this works for you.

Dear Ivano,

Apologies for missing on the offset content mentioned by you.

The thing is, Slidein effects starts from 3000px, which is ok for larger screens, but for mobiles screens the animation happs from far outside the viewport and hence takes time to come on the screen.

This might be a simple solution, specific to your case:

Paste the following in Settings > Animate It! > Custom CSS box:

@media only screen and (max-width:767px) {
.q_elements_holder_custom_668255 .eds-animate, .q_elements_holder_custom_697303 .eds-animate{
animation-duration: 1s !important;
}
}

This is make the animatin duration to 1 second, instead of 2.5 seconds set initially. That will make the image come faste on the 2 secions having problems.

Please let me know if this works for you.