Support » Plugin: Twenty20 Image Before-After » Slider Not Rendering Properly

Viewing 5 replies - 1 through 5 (of 5 total)
  • @pumpernickelpopsicle , the CSS of your theme is conflicting with the CSS of the plugin. Use the following CSS to fix the issue:

    .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    border: 6px inset transparent!important;
    }
    .twentytwenty-right-arrow {
    border-left: 6px solid white!important;
    }
    ..twentytwenty-left-arrow {
    border-right: 6px solid white!important;
    }

    Hope it will solve the issue.

    • This reply was modified 2 years, 6 months ago by Tanvir Hasan.

    I added the code to quick CSS and it worked. Thanks!

    You are most welcome 🙂

    Hi there,

    thanks for the css “trick” but there is one small error in the css that causes the left arrow not to show up.

    ..twentytwenty-left-arrow

    should be with one dot

    .twentytwenty-left-arrow

    Then it works.

    Cheers
    Michael

    Hi Michael,

    Yes, I did that silly mistake :'( Thanks for letting us know!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider Not Rendering Properly’ is closed to new replies.