Changing the controls

  • Resolved marcelle42

    (@marcelle42)


    10 years, 10 months ago

    I’m trying to change the way the controls show, using background images. But all that ever shows is the glyph < and >. I’ve tried changing the z-index, floating/not floating, absolute/relative positioning, and nothing has done the trick. Suggestions?

    .carousel-control.left {
    background: url('../images/slider_left_arrow.png') no-repeat;
    float: left;
}

.carousel-control.right {
    background: url("../images/slider_right_arrow.png") no-repeat;
    float: right;
}

    https://www.ads-software.com/plugins/cpt-bootstrap-carousel/

Viewing 1 replies (of 1 total)
  • Plugin Author Phil Ewels

    (@tallphil)

    Hi Marcelle,

    Having a quick look at the code I would guess that you need to get to the span held within the .carousel-control anchor tags to get rid of the glyphs. For example (untested):

    .carousel-control span {
    display: none;
}

    Once hidden, you could then override the CSS styling the .carousel-control as you were doing in your question.

    Beyond that, I’d recommend asking on Stack Overflow or somewhere. This is a Bootstrap CSS question and so not directly about the plugin really ??

    Cheers,

    Phil

Viewing 1 replies (of 1 total)
  • The topic ‘Changing the controls’ is closed to new replies.

Tags