badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*
View all Themes

change the color of little dots of the header slider

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 11, 2013 at 4:50 pm #5610
    pilafa
    Participant

    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

    December 12, 2013 at 8:12 am #5620
    Rabin Shrestha
    Participant

    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

    December 12, 2013 at 9:48 am #5629
    pilafa
    Participant

    Thank you Rabin, it works perfectly!
    Pierre

    December 13, 2013 at 6:55 am #5647
    Rabin Shrestha
    Participant

    🙂

    December 18, 2013 at 2:02 am #5703
    mehdib
    Participant

    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

    December 18, 2013 at 7:15 am #5705
    Rabin Shrestha
    Participant

    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

    December 18, 2013 at 8:47 pm #5714
    mehdib
    Participant

    Much appreciated Rabin, it works.

    December 19, 2013 at 6:30 am #5720
    Rabin Shrestha
    Participant

    No worries 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.