eleopard

Dear Luis,

The animation is appearing as soon as the page loads. And by the time you scroll to the image, the animation is already finished.

Please add “eds-on-scroll” to the classes. The animation classes would then be:

animated rotateInDownRight delay2 duration6 eds-on-scroll

Let me know if this works.

haha. Sorry for that. I thought there was something wrong with my browser

Apologies for the delayed reply.

As mentioned above, you can enter the Animate It! classes in Widget Styles.
Path: Attributes > Widget Class box

This box is always there when you add any Widget or Row in the Post/Page.
Please take a look at this screenshot for more info:

https://dl.dropboxusercontent.com/u/44361768/siteorigins-editor.jpg

Please let me know if this helps you understand better.

Dear Mysha,

The problem is with the PHP version sued for the web-hosting.
Please ask the hosting support to set PHP version to 5.3 or higher.

Please let me know if this resolves the issue.

In order to detect the error, we have installed a File Manager plugin in the backend. After the issue is resolved, we’ll remove it and will notify you.

Dear Pinchas,

We had encountered Site Origins issue before.
It is a simple work-around. Instead of adding classes to Animate It! Classes, please add the Animations in Widget Styles . Attributes > Widget Class box

Please refer to this screenshot for more info: a href=”https://dl.dropboxusercontent.com/u/44361768/site-origin-classes.jpg

Please let me know if this solutions works for you.

Hey guys. We are working on an update which would add Portfolio Manager as an element in Visual Composer.

Stay frosty for the next update 🙂

Since there was no reply for over a month, I am marking this as resolved.

Dear Daanaan,

Please use this Solution:

Change the Margins of tiles back to 20px

Paste the following CSS in:
Portfolio Manager > Settings > Advanced Tab > Custom CSS

.eds-bpm-main {
    max-width: 1045px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.eds-bpm-main{
max-width: 780px;
}
}

@media only screen and (min-width: 570px) and (max-width: 991px) {
.eds-bpm-main{
max-width: 520px;
}
}
@media only screen and (max-width: 569px) {
.eds-bpm-main{
max-width: 260px;
}
}

Let me know if this works.
Every theme has its own page widths and break-points, that’s why we cannot write a generic CSS for that.