Remove navigation arrows from slider

fthemes15 · November 2014

Hi,

I have tried many different custom codes to remove the navigation arrows on the slider which appear in the bottom corner when hovered over, but have not had any luck.

This is what I've added to custom.css:

.tp-leftarrow.default:after, .tp-rightarrow.default:after {
    display: none !important;
}
.tp-bullets.simplebullets.round .bullet {
    display: none !important;
}
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
    display: none !important;
}
.tp-leftarrow.default {
    background-image: none !important;
}
.tp-rightarrow.default {
    background-image: none !important;
}
.tp-bullets.tp-thumbs .tp-mask, .tp-bullets.tp-thumbs .bullet {
    display: none !important;
}
.tp-bullets {
    display: none !important;
}

Please let me know what I'm doing wrong/over-looking! Thanks

Albert · November 2014

Hi,

Do you mean arrows on revolution slider or where? Please send us also url to your website where you got those arrows.

fthemes15 · November 2014

Yes, the arrows from revolution slider. It is on www.shingleswithoutrash.com. They appear in the bottom right corner when you hover over a slide.

Albert · November 2014

So to remove those arrows, please use below css:

.tp-leftarrow, .tp-rightarrow { display: none !important; }

Remove navigation arrows from slider

Comments