page load

[slawek247]

it is possible to disable this effect page loading to load the whole page at once ??

[Radu]

Hi,

If you want to disable all animations use this css snippet

COPY CODE

.kleo-transform .one-by-one-animated .start-animation .el-appear, .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation, .kleo-transform .start-animation.el-appear {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

Add this code to wp-admin -> theme options -> general settings -> quick css

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[slawek247]

Thank you 🙂

[wd7080]

Hello

The above code does not remove animations for buddypress. I would be glad if you provide me with a code that also removes buddypress animations. I simply don’t want to see any animation. Can you please help?

Thanks

[Radu]

Hi wd7080,

Try this css snippet

COPY CODE

.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation {	
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[wd7080]

Hello,

Thanks for the code:

COPY CODE

.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation {	
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

It did not work. Could you please advice?

Thanks

[Radu]

Hi,

Try with important declaration

COPY CODE

.member-inner-list.animated.animate-when-almost-visible.bottom-to-top.start-animation {	
    -webkit-animation: none !important
    -o-animation: none !important
    animation: none !important
    opacity: 1;
    -moz-transform: none !important
    -webkit-transform: none !important
    -o-transform: none !important
    transform: none !important
}

Let me know if it works.

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[wd7080]

I tried with important declaration and without and still it doesn’t work

[Radu]

Hi @wd7080,

Can you please provide the buddypress page where you want to hide all animations and admin credentials ?

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[wd7080]

Yes sure. This subdomain only runs buddypress: http://community.cpachess.com/
You can visit: http://community.cpachess.com/members/admin/ to see how animations look like.

.htaccess username and password: kleo

Wordpress admin credentials:
Username: admin
Password: nexcess

Thanks

[Radu]

Hi,

IT’s ok now, can you check please ?

I’ve used the below css code.

COPY CODE

/* Remove all animations effect only from buddypress pages */

#buddypress .kleo-transform .one-by-one-animated .start-animation .el-appear, 
#buddypress .kleo-transform .kleo-thumbs-animated.th-appear img.start-animation,
#buddypress .kleo-transform .start-animation.el-appear {
    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

#buddypress .kleo-transform .animated.animate-when-visible, .kleo-transform .animated.animate-when-almost-visible, .cul {

    -webkit-animation: none !important;
    -o-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[wd7080]

Thanks! This one does work!

By the way, please visit the following pages:
http://community.cpachess.com/login/
and
http://cpachess.com/login/

If you type credentials or text in the boxes, you will find that in kleo theme, the text you type are not centered in the text box, it tends to go down, on the other hand, in vellum theme, text is centered in the box. Is it something in kleo? Please advice.

I am using internet explorer 11. Version: 11.0.9600.18053
Update version:11.0.24
Windows 8.1 Pro
Thanks

[Radu]

Hi,

I’m able to view only this page : http://community.cpachess.com/login/ the other one it requires username and password that not are the same like http://community.cpachess.com/login/ and i see that yo use theme my login plugin which is not part of kleo.

It seems that your problem is related to theme my login plugin and i suggest you to contact their forum support.

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts