Customizr slider horizontal gap when sliding with arrows

  • Whilst customizing the slider in the customizr theme I noticed that when you use the arrows to change slides, you get a horizontal white space.
    After figuring out the problem I thought someone may have the same.

    .tc-fade-hover-links a:not([class*=round-div]),
.tc-fade-hover-links a:visited,
.tc-fade-hover-links button,
.tc-fade-hover-links input[type="button"],
.tc-fade-hover-links input[type="submit"] {
  -webkit-transition-property: border, background, color;
  transition-property: border, background, color;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.tc-fade-hover-links a:not([class*=round-div]),
.tc-fade-hover-links a:visited,
.tc-fade-hover-links button,
.tc-fade-hover-links input[type="button"],
.tc-fade-hover-links input[type="submit"] {
  -webkit-transition-property: border, background, color;
  transition-property: border, background, color;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.tc-fade-hover-links a.btn:focus,
.tc-fade-hover-links a.btn:hover {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

    This code causes the problem, hope I have helped somebody else.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Ah so that happens when the option:Fade effect on link hover
    in Appearance -> Customize -> General Settings -> Links style and effects
    is check?

    Thread Starter Kripts

    (@kripts)

    Thanks for contributing, this is a confirmed bug then? Easiest way to fix the problem is to follow your instructions. Thanks.

    Hi Kripts,
    I opened a pr on github about that,
    anyway, meantime, keeping that option enabled, you should be able to avoid that issue adding the following css code:

    .tc-fade-hover-links a.tc-carousel-control{
-webkit-transition-property: none;
transition-property: none;
-webkit-transition-duration: 0;
transition-duration: 0;
-webkit-transition-timing-function: none;
transition-timing-function: none;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customizr slider horizontal gap when sliding with arrows’ is closed to new replies.