[Solved] How to turn off question animation

0

Hi, How do you turn off question animation? For example the responses that animate in or out? I would like for the responses to appear without a transition.

Any help is greatly appreciated!

Thanks so much!

rlarkins answered

    Best answer

    0

    I actually did this with a little bit of code recently! I added it in on the Style tab (click Style, then Customize Theme, then Custom). Just paste this into the Custom CSS box:

     

    html,body,.sg-int-blurred .sg-question-set > .sg-question,.sg-survey *
    {
    transition: opacity 0s ease-in-out;
    -moz-transition: opacity 0s ease-in-out;
    -webkit-transition: opacity 0s ease-in-out;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    animation: none !important;
    -webkit-animation: none !important;
    }

    .sg-page-rotateSlideOutPrev,.sg-page-rotateSlideOutNext {
    display:none;
    }

     

     

     

    Woo! Yay CSS!

    Elizabeth Rose answered
      0

      …I added it in on the Style tab (click Style, then Customize Theme, then Custom)

      There is no ‘Customize Theme’ on the style tab… Gizmo must have updated their options. Where should the code be embedded now?

      Thanks

      Community Admin commented
        • The options in Style are indeed a bit different from a year ago. To add custom CSS like the above go to the Style tab, scroll to the bottom of the survey preview to access the link to the HTML/CSS Editor. CSS should be pasted on the Custom CSS Tab.

          I hope this helps!

          The SurveyGizmo Team

        ×

        Login

        Question stats

        • Active
        • Views2715 times
        • Answers2 answers
        • Followers0 followers