Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
How To Add An Arrow To Active bxSlider Pager Item
// Add desired padding to the parent div
#bx-pager { text-align: center;position: relative;z-index: 9990;background: #428752;padding: 19px 0; }
// Add the background image to the active anchor tag class
#bx-pager a.active { background: url(images/slider-active-arrow.png) no-repeat center top; }
// Make sure the anchor tag is set to display: inline; and add additional padding to it to push it's height beyond the #bx-page div
#bx-pager a { padding: 37px 25px; display: inline; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.