People rotating effect

Tim92

Is there a way to disable the rotating effect on the clients, not only the effect, i like to have only the picture and on hover nothing should happen.

Because on IE if it rotates the text isn't shown but the image is mirrored, and on all other browsers i don't need the text.

Tim92

Any solution for this thing?

surgeon

Hi, sorry for delay
yes, there's a solution, few of them.
Do You want to disable this effect on work items too?

Tim92 said: Is there a way to disable the rotating effect on the clients, not only the effect, i like to have only the picture and on hover nothing should happen.

nothing? no icons, no texts, right?

Tim92

No problem!

Until now i only want to disable it on the clients but its not wrong to know how to disable it on works too.

surgeon

So You must do some changes in script file.
lines 249-255 of script.js file of chillout-plugin have to removed.
the file's path is
../wp-content/plugins/chillout-plugin/script.js

those lines look like:

$('.wpb_thumbnails').on('mouseenter','.g-link', function(){
 $(this).find('i').velocity({ scale: [1.3],rotateZ:'2deg'},{duration:100,easing: 'snap' }).velocity({ scale: [1.1],rotateZ:'-1deg'},{duration:300,easing: 'easeOutQuad'});
}  ).on('mouseleave','.g-link', function(){
 $(this).find('i').velocity({ scale: [1],rotateZ:'0deg'}, {duration:100,queue: false  }).velocity('stop', true);             
}  );

just remove this piece of code

Tim92

The line wasn't correct but it was some lines above, this removes the rotating effect on the images, but i want to remove the rotating effect on the clients "carousel" too

btw: is there a way to make the plugin updateable with these changes?

surgeon

Hi,

Tim92 said: The line wasn't correct but it was some lines above, this removes the rotating effect on the images, but i want to remove the rotating effect on the clients "carousel" too

Use this definition in Chillout Options >> Custom Style:

.people_item.simple:hover .people_flip {
  transform: none;
}

Tim92 said: btw: is there a way to make the plugin updateable with these changes?

We've never thought about reducing attractiveness of our theme, but... hey, why not. I'll speak to some guys and will let You know.

Tim92

The code only work in firefox and IE, Safari and Chrome didn't.

The hover effect of the portfolio is only modified on my site not removed completely so it's still "attractive"
But it would be nice to save this modification on updates.

The site is online at the moment if you need to check something.

I noticed in IE the "load more" button of the Portfolio has a problem with the rotating effect.

surgeon

Tim92 said: The code only work in firefox and IE, Safari and Chrome didn't.

can't confirm that, looks OK for me on Chrome. Have You cleared cache?

Tim92 said: btw: is there a way to make the plugin updateable with these changes?

We're not going to implement another option that would allow to disable this effect.

Tim92 said: I noticed in IE the "load more" button of the Portfolio has a problem with the rotating effect.

Which version of IE?

Tim92

You are right, chrome was cache but safari didn't get the code

IE version is in the picture

surgeon

Tim92 said: You are right, chrome was cache but safari didn't get the code

.people_item.simple:hover .people_flip {
 transform: none;
 -webkit-transform: none;
}

this should do

Tim92

Yes that work

Will be the IE problem fixed in the next update right?

surgeon

I'll take a look at it.