Support » Plugin: Twenty20 Image Before-After » How to change appearance of slider bar?

  • Resolved movingmagic



    Thanks for your wonderful plugin. It works great!
    I have a small wish though,

    How can one change the look of the slider. For instance, I would prefer NOT to have a shadow effect under the slider bar. Or maybe have a different color to the bar.

    Is that possible?


Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Zayed Baloch



    I will add the customization feature in next update, because I already have to add center alignment and few other things.

    But for now you can just add the following CSS sectors in your style.css file and edit some property values.

    Remove Shadow

    .twentytwenty-horizontal .twentytwenty-handle:before,
    .twentytwenty-horizontal .twentytwenty-handle:after,
    .twentytwenty-vertical .twentytwenty-handle:before,
    .twentytwenty-vertical .twentytwenty-handle:after {
      box-shadow: none;
      background: #336699;

    Change handle color

    .twentytwenty-handle { border-color: #336699; }

    Arrow Color
    Left Arrow

    .twentytwenty-left-arrow { border-left-color: #336699; }

    Right Arrow

    .twentytwenty-right-arrow { border-right-color: #336699; }

    If the above code is difficult to implement, then just for wait next update, coming weekend :).

    Thanks for using plugin.

    Wow! Zayed, that’s a fast and thorough response!
    Thanks very much! I am looking forward to the greatest and latest version this weekend 😀

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to change appearance of slider bar?’ is closed to new replies.