Okay
  Public Ticket #3610491
Change color of the navigation points (gallery slider)
Closed

Comments

  •  10
    Matteo started the conversation

    Hi there,

    I just wondering if there is already an option to customize the color of the points (navigation) of a gallery (image slider) or if I have to do it through CSS.

    I have one of this image slider in the middle of the home page and  it's actually white (the color of the navigation's points) - I just wanted to test it with a grey or black color.

    Thank you in advance

    Attached files:  NavigationSlidersGallery.png

  •  1,806
    Support replied

    Hello Matteo, 

    do you want to change the navigation slider only for a slider (the one from the screenshot and which i found in the homepage) or for all the sliders of the same type?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  10
    Matteo replied

    Hi there,

    if you can tell me a solutions for both cases would be great :) I mean just one slider or all sliders.

    Thank you a lot

  •  1,806
    Support replied

    Hello Matteo, changing the color for a specific slider becomes complicated. I don't have a solution handy right now.

    For all sliders with white cursor setting plz find the following to add in customizer -> additional CSS with red color code as reference (you can change to any color you want)

    .drag-cursor-white #ball {

        border-color: red!important

    }

    .drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after {

          color: red;
    }

    .light-cursor .swiper-pagination-bullet .solid-fill {
         fill: red !important;
    }

    .light-cursor .swiper-pagination-bullet .path {
        stroke: red !important;
    }


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  10
    Matteo replied

    Hello :)

    thank you, it should be enough the global solution you proposed.

    Thanks! This ticket can be closed.