How to change homepage slider image arrow color

  • Resolved kaci_sintek

    (@kaci_sintek)


    10 years, 1 month 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)
  • Sam

    (@soumendra)

    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!

    Sam

    (@soumendra)

    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 ??

    Sam

    (@soumendra)

    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.