How to change homepage slider image arrow color

  • Resolved kaci_sintek

    (@kaci_sintek)


    9 years, 10 months ago

    I’m working with the Catch Kathmandu theme for our website (https://online.dpsk12.org/) and I’m trying to change the color of the arrows in the homepage slider from blue to black. Where do I change the arrow colors in the css? I can’t seem to find it anywhere…

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello,

    You Can try this in your Custom CSS For achieving that:

    #slider-nav a {
background: none repeat scroll 0 0 #000 !important;
}

    Thank you.

    Thread Starter kaci_sintek

    (@kaci_sintek)

    Thank you! That worked well! Now looking at it, can you help me make those arrows have a slight level of transparency? If they could be slightly transparent normally and then be completely black when you hover over them, that would be ideal! Thanks!

    Hello,

    You can try this in your Custom CSS:

    #slider-nav a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.50) !important;
}

#slider-nav a:hover {
    background: #000 !important;
}

    You can adjust the opacity as per your requirement by adjusting 0.50 .

    Thank you.

    Thread Starter kaci_sintek

    (@kaci_sintek)

    Thanks Sam! That worked perfectly ??

    Welcome. ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change homepage slider image arrow color’ is closed to new replies.