[pilafa]

Hi,

I have a slider on the header containing 3 images.

In the bottom of the slider’s image there is three litte dots showing where we are: a green-blue dot for the showed image and white dots for the other.

My problem is that my images are white: Then we cannot see the white dots. I would like to change the color of the dots.

(page is in local fpr now, no link. Sorry…)

Many thanks
Pierre

[Rabin Shrestha]

Hi Pierre,

You can paste this CSS below in your Custom CSS box in theme Options Panel

#controllers a {
background-color: #008000;
color: #008000;
}

You can change the color code as your wish.

Rabin

[pilafa]

Thank you Rabin, it works perfectly!
Pierre

[Rabin Shrestha]

🙂

[mehdib]

Hi Rabin,

Your CSS works great my CUSTOM CSS is as below:

/* Slider dots */
#controllers a {
background-color: #dd3333;
color: black;
}

red background and shows number of the slides in black, however the default color (blue) of the theme still shows when the slider is playing

http://imageshack.us/photo/my-images/62/0n1w.png/

any way to change it ?

Thank you so much

[Rabin Shrestha]

If you want background as red then do this

#controllers a {
    background-color: #dd3333;
    color: #dd3333;
}

For changing hover and active links

#controllers a:hover, #controllers a.active {
    background-color: #000000;
    color: #000000 ;
}

Change the color code as your wish

Rabin

[mehdib]

Much appreciated Rabin, it works.

[Rabin Shrestha]

No worries 🙂

[Author]

Posts