Support » Plugin: Twenty20 Image Before-After » handle color

  • Resolved reutrachel

    (@reutrachel)


    Hi,
    I’m using the Enfold theme.

    I’ve used CSS and changed the handle color and background.
    but unfortunately, there are 2 one-pixel size dots that remain white.
    how can I change their color also?
    this is the code I used:

    .twentytwenty-left-arrow {
    border-color: transparent !important;
    border-right: 6px solid lightpink !important;
    background-color: rgb(6,0,255) !important;
    }
    .twentytwenty-right-arrow {
    border-color: transparent !important;
    border-left: 6px solid lightpink !important;
    background-color: rgb(6,0,255) !important;
    margin-top: 13px;
    }
    .twentytwenty-handle {
    border-color: lightpink !important;
    background-color: rgb(6,0,255) !important;
    }

    and also on the plugging CSS file, I’ve changed the handle line itself to be lightpink
    (line 172 on the original code)

    The page I need help with: [log in to see the link]

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

    (@zayedbaloch)

    Hi @reutrachel

    Regarding that 2 dots, you can use the following CSS.

    .twentytwenty-horizontal .twentytwenty-handle:before,
    .twentytwenty-horizontal .twentytwenty-handle:after{
    	box-shadow: 0 -3px 0 lightpink, 0px 0px 12px rgba(51, 51, 51, 0.5);
    }

    Regards;

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.