eleopard

Dear Dhatul,

Apologies for the delayed reply.
Thanks for using the Animate It!

Upon checking the page the issue found is, Edge and IE are not able to distinguish between the 2 transform CSS rules added, one for the scale, and one by you.
Chrome and FF are easily able to distinguish and process it.

Please try the below workaround:
Change the CSS you have added to:

.et_pb_gallery_0 . div{
	rotateX(0deg) rotateY(0deg) rotateZ(350deg)
}

This would make the inside DIV to rotate using the custom CSS, so the conflict in IE and Edge will be resolved.

Please let me know if this works for you.

Dear kris,

Thanks for using the Portfolio Manager.
As stated in the previous threads as well, the centering of the mosaic items can be done by knowing the precise page width. And since the page width depends on the Theme used, there is no consistent way for us to center the elements.

In your case of https://designgenie.net/my-work/, please do the following to center it:

1. In your WordPress backend, go to Portfolio manager > Settings > Advanced tab > Custon CSS Box.

2. Paste the following and Save:

.eds-bpm-main{
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}
@media only screen and (max-width: 1023px) {
	.eds-bpm-main{
		max-width: 750px;
	}
}
@media only screen and (max-width: 767px) {
	.eds-bpm-main{
		max-width: 500px;
	}
@media only screen and (max-width: 500px) {
	.eds-bpm-main{
		max-width: 250px !important;
	}
}

This should center the mosaic on all the screens.

Let me know if this works for you.

Dear Shaun,

Thanks for using the Animate It!

Using the Widgets Classes section, you can add animation classes to individual sections in Siteorigin Page Builder.

I tried Site Origin on my Local server and was able to add animation using the following steps:

1. I went to Animate It! classes generator ( https://www.downloads.eleopard.in/class-generator-wordpress ) and generated the animations that I want.
https://adobe.ly/2ISYw9I

2. I copied the animation classes and pasted then on Widget Classes box in the SiteOrigins Widget
https://adobe.ly/2IPZfsk

Please let me know if this works for you.

God works in mysterious ways 😀
A happy weekend to you as well.

Dear Andre,

In order to center the projects, do the following:

1. In the wordpress backend, go to Portfolio Manager > Settings > Advanced Tab

2. Paste the following CSS in Custom CSS Box, and Save:

.container > .eds-bpm-main{
	max-width: 780px !important;
}
@media only screen and (max-width: 992px) {
	.container > .eds-bpm-main{
			max-width: 520px !important;
		}
}

This should make the projects centered across all the screens.

A happy weekend to you as well 🙂

Dear raibk,

Apologies for the delayed reply.

We are looking into the Adobe SDK for possibilities to integrate the Portfolio manager.
Will let you know as soon as we have something.

Dear Tattoofreak,

Marking this ticket resolved.
Please feel free to open it in case the issue is not resolved.