• Welcome to the Chevereto user community!

    Here users from all over the world gather around to learn the latest about Chevereto and contribute with ideas to improve the software.

    Please keep in mind:

    • This community is user driven. Be polite with other users.
    • We recommend purchasing a Chevereto license to participate in this community.
    • Purchase a Community Subscription to get even faster ticket response times.
  • Chevereto Support CLST

    Support response

    Support checklist

    • Got a Something went wrong message? Read this guide and provide the actual error. Do not skip this.
    • Confirm that the server meets the System Requirements
    • Check for any available Hotfix - your issue could be already reported/fixed
    • Read documentation - It will be required to Debug and understand Errors for a faster support response

Tweaks on the homepage animation

Rodolfo

👑 Chevereto Godlike
Chevereto Staff
Administrator
To change the home animation you only need to override the CSS keyframes for the alleged animation and then putting the CSS in Dashboard > Settings > Theme (or via theme hooks if you want to store it as a .css file).

Example: Disable zoom but preserve fade in/out:
CSS:
@-webkit-keyframes slideshow {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slideshow {
    0% {
        opacity: 0
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes slideshow--alt {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes slideshow--alt {
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

You can edit the keyframes at any % (you can add/remove steps) and add other effects or transitions.

Hope it helps!
 
Back
Top