Docs

[maxosh]

Hi,

thanks a lot! that is it! can I also change the backgroundcolor for the hover?

thanks and best,
max

[Christian]

Hey Max,

Please try

.tp-leftarrow.default:hover {
    background-color: red !important;
}

.tp-rightarrow.default:hover {
    background-color: red !important;
}

Hope that helps. 🙂

[maxosh]

hi,

that helped a lot! and, sorry for that, a last question, to get the arrows now white in default and hover-state?

thanks and best,
max

[Zeshan]

Hi Max,

Thank you for writing in!

You can try adding the following CSS:

.tp-leftarrow.default,
.tp-leftarrow.default:hover {
    background-color: #fff !important;
}

.tp-rightarrow.default,
.tp-rightarrow.default:hover {
    background-color: #fff !important;
}

Hope this helps. 🙂

Thank you.

[maxosh]

Hi and thanks for fast answering!

but this makes the background white, the background should stay black (default) and blue (hover) just the little arrows inside of the square should be white. is that possible?

thanks,
max

[Zeshan]

Hi Max,

We’re sorry for the confusion. Please add the following CSS code to change the color of the arrows:

.tp-leftarrow.default:before, .tp-rightarrow.default:before {
   opacity: 1 !important;
   color: #fff;
}

Hope this helps. 🙂

Thank you.

[maxosh]

it’s working! and it’s exactly what I wanted!

thanks! very good and fast service!
max

[Cousett]

Glad we were able to help. 🙂 Have a nice day.

[Author]

Posts