I want to change the Revolution Slider arrows from what I have here:
http://corporate-karma.de/WP2014/

to what I see here:
http://themepunch.com/revolution/vertical-slider-boxed

just the squares with the arrows, no preview needed. default background in #000000 and hover in #00b5f7, arrow always in #FFFFFF

How can I change that?

thanks,
max

Thanks for writing in!

To do so please edit the Slider settings > Find Navigation Settings from there > Now play with it’s options to achieve what ever you like:

Hope this helps, Cheers!

thanks for the hint! but I know the settings and I still did not find out how to get the square brackets and how to set the colors 🙁

in the navigation arrows there is only the option of solo to have the arrows left and right. all other dropdowns, like the navigation style ist for the navigation indicators (which active of how many slides…)

or did I missunderstood your advice?

best,
max

Thanks for your reply.

You can achieve what you want by having a custom css for the arrows.

On the customizer page there is a custom tab below the left sidebar.
Click that tab and add these lines of code on the css field.

/* to make it square */
.tp-leftarrow.default, .tp-rightarrow.default { {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}
/* to make it always white */
.tp-leftarrow:before, .tp-rightarrow:before {
    opacity:1;
}
/* change background on hover */
.tp-leftarrow:hover,
.tp-rightarrow:hover {
   background-color:#00b5f7 !important;
}

Don’t forget to Save & Publish

I hope that helps.

Thanks

thanks again for the quick answer. I put the code in the css field at the customizer and saved & published, but nothing happened 🙁 is there anything I have to configure in the revolution slider settings?

best,
max

The Revolution slider is managed via it’s own settings page so there is nothing to do with our Customizer.

Please add an !important property after all of rules of given CSS in previous reply. Correct code:

.tp-leftarrow.default, .tp-rightarrow.default {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -khtml-border-radius: 0 !important;
    border-radius: 0 !important;
}

.tp-leftarrow:before, .tp-rightarrow:before {
    opacity: 1 !important;
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
   background-color:#00b5f7 !important;
}

Hope this helps, Cheers!

seems that I don’t understand it 🙁

where should I add your code? not in the customizer? where then?

I tried to replace the previous given code with the last one, but it doesn’t work and I also tried to add the last code after the previous given code, but it doesn’t worked out, too…

just have a look here:

http://corporate-karma.de/WP2014/

best,
max

To change the arrow style just follow these steps:

1. Go to Slider settings > Navigation > Navigation Style
2. Set it to Preview 3

This will do the trick. Please remove all the CSS codes you have written for this.

Let us know how this goes!