Phil Ewels

Great, glad you got it working 🙂

Phil

Yeah – you can use imgur or any other image upload tools.

However, before you do that, look into bootstrap. It’s a framework for building websites, so it’s not just a case of including an extra plugin – it will drastically change the appearance of your website.

This plugin is designed for people already using bootstrap really. I would guess that you’re better off finding a different wordpress carousel plugin that doesn’t require this back end. There are quite a lot of others available.

Cheers,

Phil

Hi alphaaero,

You can change the colours by using some custom CSS. You can find the documentation for the carousel on the bootstrap website.

It looks like the unite theme colours the title bar with this code:

carousel-caption h4 {
    background: #54397e;
    background: rgba(84, 57, 126,0.7);
}

So you can write your own CSS somewhere (either edit the theme files, or get a plugin to do it) and overwrite these with your own colour.

Hope this helps!

Phil

Hi Bryan,

This plugin was written to generate the markup code needed for the Bootstrap Carousel:
http://getbootstrap.com/javascript/#carousel

I haven’t written the carousel myself, I just wanted to support it. As such, adding extra functionality to the carousel is out of scope (though a number of things have been added since it’s creation, mostly through other people contributing their code).

There are loads of other wordpress plugins which do run customised carousels with these kinds of functions though, plus you’ll find lots of other people who have customised the carousel outside of this plugin, and those customisations should all work (eg. here).

At some point I would like to work on a new version of the plugin with lots of new features such as this, but it’s not a priority so I can’t guess when / if I’ll get to it. Sorry!

Phil

Hi there,

This is because your images are too small, so they’re narrower than the carousel. If you upload larger images then the gap should disappear.

The gradient is a lot less noticeable when overlaid over an image, but it is possible to hide it using CSS if you would like.

.carousel-control {
  background: transparent !important;
}

See the bootstrap docs for more information: http://getbootstrap.com/javascript/#carousel

Hope that helps!

Phil

Hi MuninMunin,

The screenshot shows the carousel using Bootstrap v2. To get it to look like this, you’ll need to use Bootstrap 2 in your theme, then select that option in the carousel settings.

However, this probably isn’t necessary – you can change the appearance of just about everything in the carousel using CSS.

It’s difficult to give any more specific advice than this without knowing what effect you’re trying to achieve. Feel free to post back with more details, though this isn’t specific to the plugin, so asking anywhere about customising the bootstrap carousel CSS is fine too (eg. http://stackoverflow.com/questions/tagged/twitter-bootstrap). You can also check out the bootstrap documentation: http://getbootstrap.com/javascript/#carousel

Phil

Hi Ikodiks,

The carousel will resize to fit the container that it is within. If it’s not already the whole width of the screen, then it must be held within another HTML element (probably in your wordpress theme).

To get around this, you’ll probably need to edit your theme. For an example of a full-width carousel, see the bootstrap docs: http://getbootstrap.com/examples/carousel/

Phil

Hi Pauline,

I’m a little confused, as this plugin doesn’t use [slider] or [slide] shortcodes – it uses a single [image-carousel] shortcode.

Are you sure that you’re using the CPT Bootstrap Carousel plugin?

Cheers,

Phil