[maxoshParticipant]

Hi,

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

[MrinalMember]

Hey 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!

[maxoshParticipant]

hi,

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

[Paul RModerator]

Hi 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

[maxoshParticipant]

hi,

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

[melkiadesParticipant]

Same problem here. I followed the exact same procedure and got the same result: nothing.

[melkiadesParticipant]

Also, you advertize the Customizer as a revolution, but we can’t change an arrow easily. Could you improve that in the next version of your great theme?

[MrinalMember]

Hi There,

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!

[maxoshParticipant]

Hi,

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

[Nabeel AModerator]

Hey 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!

[maxoshParticipant]

Hi there,

sorry to say that it does not have any effect 🙁 but mayby we have a misunderstanding here.
in the navigations style settings I have the following options:
round, navbar, old round, old square, old navbar
but all of these options has only effect on the navigation indicator (5 round circles in the center bottom for examle – and have here the option none to not display that) not for the arrows on the right and left. and the arrows on the left and right are still round, even if I display the navigation indicator regardless of which option I choose.
of course all previously added css code was deleted before.

🙁 what can I do?
best,
max

[maxoshParticipant]

This reply has been marked as private.

[MrinalMember]

This reply has been marked as private.

[maxoshParticipant]

Hi,

I’d like to have the slider arrows of all sliders (one is on the startpage and almost one in each projekt) in the same square style.

thanks and best,
max

[RadModerator]

I added this at your customizer’s custom css.

.tp-leftarrow.default, .tp-rightarrow.default {
-webkit-border-radius: 0;
border-radius: 0;
}

Cheers!

[Author]

Posts