Content Slider - Pagination "Dots" Color

Hello!

I’m looking for a way to change the color of the pagination dots associated with the “Content Slider” modal. Currently they default to black (current slide) and gray (upcoming slide) - but with the background that I’ve chose, they don’t are hard to see. Anyone know of some recommended CSS styling options or custom code I can enter a hex code into and have it apply to the pagination dots?

Thank you!

Natalie

Here you go. Just adjust the hex codes to suit your design colors.

.bx-wrapper .bx-pager.bx-default-pager a {
background: #ff0000;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus, 
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #00ff00;
}
1 Like

Thank you so much! I’ll give this a shot and adjust colors as needed. Appreciate your response!