Home page slider circles can't change color?

Hello,

I've been trying to turn the slider circle on my home page from yellow to blue: www.herzogsoftware.com.

Unfortunately, Firebug hasn't been any help to edit the CSS, and I can't find where in the Theme Options I can change the color manually or with code.

Does anyone know how to change that color? Thanks!

 

Hello,

I got your concern.

Kindly Paste the below CSS code in:

(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flex-control-nav li a{
  border-radius: 10px !important;
}
 
.flex-control-nav li a.active {
  background: rgb(219, 0, 255) !important;
  }
  
  .flex-control-nav li a:hover{
  background: rgb(219, 0, 255) !important;
  }

Also kindly apply your own the color code for the same.
Hope it will solve your issue.

 

Thanks, Sameer.

The color turned to purple for some reason. But now when I go to change the background color ("rgb" was the default, I think?), it turns the color back to yellow.

Is there something else I'm missing? The color I would like each circle to be is #0414F6.

 

Hello,

Kindly try and apply below code:

Code:

.flex-control-nav li a{
  border-radius: 10px !important;
}
 
.flex-control-nav li a.active {
  background: #0414F6 !important;
  }
 
  .flex-control-nav li a:hover{
  background: #0414F6 !important;
  }

 

That worked perfectly, thank you!