How to change appearance of slider bar?

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

    (@zayedbaloch)

    Hello,

    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-handle,
.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.

    Thread Starter movingmagic

    (@movingmagic)

    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.