Docs

[MB]

Hi,

We would like to customize the revolution slider navigation arrows, and x-slider navigation arrows, to match the return to top of page arrow and post navigation arrows.

Same colours, and size please. No square box around arrow.

Thanks, MB

Vancouver Island Hiking Guide

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-slider-container.below .tparrows:before {
	color: #000;
	opacity: 0.375;
	font-size: 25px;
}

.flex-direction-nav li a.flex-next,
.flex-direction-nav li a.flex-prev {
 	color: #000;
	opacity: 0.375;
	font-size: 25px;
	text-decoration: none;
}

Hope it helps, Cheers!

[MB]

Ok, that helps a bit.

1. Can we make the revolution slider arrows thicker like the flex-slider?
2. Can we make the hover of flex slider arrows 000 and no shadow?

Thanks, MB

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {
    text-shadow: none;
    color: #ccc;
    text-decoration: none;
}
.flex-direction-nav a.flex-prev:hover, .flex-direction-nav a.flex-next:hover {
    color: #000;
}
.tparrows:before {
  
    font-size: 25px;

}

Hope that helps.

[MB]

[RESOLVED] Thanks! 😀

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts