• This works ok for me; put the css in either the theme css box or use “Custom CSS” which comes with JetPack. Change the caption text color to whatever works for you.

    /************ Style the bootstrap carousel slider ***************/

    #bootstrap-slider {
    position: relative;
    }

    #bootstrap-slider .left.carousel-control {
    top: 50% !important;
    left: 15px !important;
    }

    #bootstrap-slider .right.carousel-control {
    top: 50% !important;
    left: 100% !important;
    margin-left: -55px;
    }

    #bootstrap-slider .carousel-caption {
    top: 80% !important;
    left: 0px !important;
    width: 100%;
    text-align: center;
    background: none;
    }

    #bootstrap-slider .carousel-caption h2 {
    background: none;
    color: #FFCC00;
    text-shadow: black .1em .1em .2em;
    }

    /*************** Done styling carousel slider ****************/

  • The topic ‘Messed up bootstrap slider – bandaid fix’ is closed to new replies.