Three dots on testimonial section

The three dots on the testimonial section are black. Is there a line of code that i can add to the stylesheet to make them white?

Hi,

Here is the CSS code to change the dot colors:

.owl-theme .owl-controls .owl-page span {
    border-color: white;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: white;
}

Regards,
Awan

I’ve added the code provided to my stylesheet. and it still hasn’t changed the colour of the dots.

Please take a look here (bottom of page): https://nouveautycoon.com

This still hasnt been solved. Still looking for resolution

Hi,

I’ve tried to implement the code in above to your site using chrome dev tools and its worked http://prntscr.com/fnmrw7

Did you put the code into: customize > additional css? if yes, then its should be working.

Regards,
Awan

Here’s my stylesheet.css

.site-info.container {
text-align: center;
}

/* Normal state */
.roll-button.border{
  background-color: #ffffff;
  border-color: #ffffff;
  color: #ffffff;
}

/* On hover state */
.roll-button.border:hover{
  background-color: #ffffff;
  color: #ffffff; 
} 

.widget_sydney_testimonials .name a {
  color: #fff;
}

.panel-grid-cell .sydney_action_widget .widget-title {
  margin-bottom: 0;
}

.owl-theme .owl-controls .owl-page span {
    border-color: white;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: white;
}

Maybe i put it in wrong

is there anything wrong with it?

Hi,

The code is looks good. hmm… please try to add the !important rules to the code in above.
So, the CSS code should be like this:

.owl-theme .owl-controls .owl-page span {
    border-color: white !important;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: white !important;
}

Regards,
Awan

Awesome the !important; addition really helped.
Many Thanks!!!