ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• February 24, 2015 at 1:54 pm #152766
  Rushan4eg

  Member

  Post count: 72

  Hello! I have a problem with custom button animation.
  I created my own styles of buttons, but animation when button from a.button:hover going back to a.button works uncorrectly.

  February 24, 2015 at 1:56 pm #152771
  Rushan4eg

  Member

  Post count: 72

  This reply has been marked as private.
  February 24, 2015 at 2:12 pm #152777
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  That’s a custom button, not part of the theme. We only support theme issues and customisations

  – Kyle

  February 24, 2015 at 2:45 pm #152799
  Rushan4eg

  Member

  Post count: 72

  Ok. But the problem in Standart theme animation, which overlaps or sets a style of animation over my personal.

  Myabe you can find way to set off theme animations for custom button element?
  My custom button has css code

  .button-trial
  {
      padding: 15px 37px 15px 20px;
      background-color: #6CC221;
      color: #FFF;
      font-family: "Verdana";
      font-size: 16px;
  /*  font-weight: 600; */
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border: 0px;
      text-transform:uppercase;
      text-align:center;
      font-size:18px;
  }

  and

  .button-trial:hover
  {
  background:#488613;
  background:-moz-linear-gradient(top, #6cc221 1%, #488613 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#6cc221), color-stop(100%,#488613));
  background:-webkit-linear-gradient(top, #6cc221 1%,#488613 100%);
  background:-o-linear-gradient(top, #6cc221 1%,#488613 100%);
  background:-ms-linear-gradient(top, #6cc221 1%,#488613 100%);
  background:linear-gradient(to bottom, #6cc221 1%,#488613 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cc221', endColorstr='#488613',GradientType=0 )
  }

  What to add to set off theme’s button animation?

  Thanks!

  February 24, 2015 at 3:05 pm #152809
  Rushan4eg

  Member

  Post count: 72

  I found a way)
  just added to css:

      -webkit-transition: none !important; 
      -moz-transition: none !important;
      transition: none !important;
  

  February 24, 2015 at 3:09 pm #152810
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok great

• Back to forum

  Posted in: Dante