Okay
  Public Ticket #2256621
Image Comparison
Closed

Comments

  • gfeusi started the conversation
    January 2, 2020 at 8:06pm

    I would like to change the color of the arrow on Image Comparison from white to black.

  •  8,884
    Tahir replied
    January 3, 2020 at 7:40am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .twentytwenty-left-arrow {
    border-right: 6px solid #333 !important;
}
.twentytwenty-right-arrow {
    border-left: 6px solid #333 !important;
}

    Thanks

    ThemeNectar Support Team 

  • Imroah replied
    May 25, 2020 at 12:17pm

    thanx for this...

    there is one more thing, i would like to change. Color of slider on image comparison. Is that possible? 

    thanx m. 

  •  8,884
    Tahir replied
    May 26, 2020 at 3:40am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .twentytwenty-left-arrow {
    border-right: 6px solid #333 !important;
}
.twentytwenty-right-arrow {
    border-left: 6px solid #333 !important;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
    background-color: #f26838 !important;
}
.twentytwenty-handle {
    background-color: #ff6716 !important;
}

    Thanks

    ThemeNectar Support Team