• Closed
  • Poul Erik Pedersen
    Spectator
    March 17, 2017 at 7:52 pm #32967

    I am looking for CSS custom code for changing the background colour of the bootstrap left/right controls in Evolve +. I have changed the caption and button background, but cannot get the controls background changed.

    Priyank
    Spectator
    Posts: 747
    March 18, 2017 at 6:10 am #32968

    Hi,

    Use this custom css

    #bootstrap-slider .carousel-control {
    background: red; //you want to it
    opacity: 0.9;
    }

    Thank you

    Poul Erik Pedersen
    Spectator
    Posts: 3
    March 18, 2017 at 2:26 pm #32973

    Hello again.

    I cannot get this to work. It´s no problem with the caption and button background, but the controls will not change no matter what I put in. But then the background for the controls differs from the caption and button background because the controls are active (goes dark when moused over) Can this be the reason? Does it take another set of commands to change this?

    Sorry for maybe asking about the obvious, but I am new at this

    Poul Erik Pedersen
    Spectator
    Posts: 3
    March 19, 2017 at 9:51 am #32975

    Hello again,

    I worked it out. I found a piece of code in another thread that did the trick.

    #bootstrap-slider a.left::before, #bootstrap-slider a.right::before {
    background: #1e90ff none repeat scroll 0 0 !important;
    }

    Priyank
    Spectator
    Posts: 747
    March 20, 2017 at 6:18 am #32979

    Well Work,

    Thank you