[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!

Sarah 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

      This works, but not for all question transitions. Is there a way to remove the transition for ALL questions on the one-at-a-time view?

      Sarah 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
          • Views8362 times
          • Answers3 answers
          • Followers0 followers