Remove navigation arrows from slider
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
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
Comments
Do you mean arrows on revolution slider or where? Please send us also url to your website where you got those arrows.
.tp-leftarrow, .tp-rightarrow { display: none !important; }