Phil Ewels

..or even just margin: 0 auto; might work with the fixed widths.

Ah ok, I think I see what you mean. It’s not very pretty, but could you do it in CSS using calc() functions?

Something like this (untested)…

/* size-lg */
@media only screen and (min-width: 1200px){
  .carousel-caption {
    margin: 0 calc(50% - 585px);
    width: 1170px;
  }
}
/* size-md */
@media only screen and (min-width: 992px){
  .carousel-caption {
    margin: 0 calc(50% - 485px);
    width: 970px;
  }
}
/* size-sm */
@media only screen and (min-width: 768px){
  .carousel-caption {
    margin: 0 calc(50% - 375px);
    width: 750px;
  }
}

You can probably do this with pure CSS. It’s difficult without knowing exactly what you want, but a combination of text-align: left and float:left should get you started.

Let me know if I can be of any further help,

Phil

Yes in principle, Bootstrap has an option to disable this through either data attributes:

data-pause="false"

or using JavaScript:

$('.carousel').carousel({
    pause: "false"
});

However, neither of these are implemented within the plugin sorry. You’re welcome to open a pull request if you would like to contribute the code.

Phil

Closing due to lack of response.

Short answer is not really. Longer answer is that you could probably fudge it by adding <div> to the before_title settings option and then </div> to the link_button_after settings option.

Why do you need an additional div?

Phil

Hi cuoresan,

This is a known limitation (feature?) of the bootstrap carousel. I don’t currently have any plans to write such a feature into the plugin, so for now I’m afraid you’ll just have to crop your images manually. The WordPress media gallery has tools to do this.

Note that you can probably achieve the desired effect using a bit of custom CSS. Something along the lines of this: (untested)

.carousel .item {
  height: 450px;
  overflow: hidden;
}

Phil

Difficult to know. Does the carousel continue to work? Are there any JavaScript errors? Can I see a link to your page?

Phil

Brilliant! Glad you sorted it out ??

Aha, I understand. This is not anything to do with the plugin, but the bootstrap carousel. See this previous support thread for a solution.

Phil

Hi neecride,

Nice theme! I can’t see any problems? What browser are you using? Could you post an image or a video maybe?

Phil

Hi outbreak69,

That’s a great question. It’s not easy to do from within the carousel though I’m afraid. You may be able to make a carousel with transparent images so that it’s just a text slider, then place a static image behind the carousel… Might work?

Good luck!

Phil

Hi neecride,

Do you have a link to your website? It’s impossible to know what is wrong from your message.

Merci,

Phil

Ok, you have quite a lot of stuff going on in this page, but my money is with the following bit of JavaScript:

/*  Smooth scrolling anchor links */
$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
        || location.hostname == this.hostname) {

        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
           if (target.length) {
             $('html,body').animate({
                 scrollTop: target.offset().top
            }, 1000);
            return false;
        }
    }
});

Note that when you click forwards or backwards, the page scrolls until it has the carousel at the top. I suspect that if you remove this code, make it more specific so that it doesn’t target the carousel links or perhaps just remove the return false; then the carousel buttons will work..

Good luck!

Phil

Hi aptan,

I’m not sure what happens off the top of my head if you set a title and extract but no image. If it doesn’t work, you could always use a small transparent image for each slide.

Phil