Phil Ewels

Hi Marzi,

That’s great! Thanks for figuring this out. I hope to bring in translations of the plugin back-end soon, so it’s good to know that the front-end can be used on a multilingual site too..

Phil

Thanks again TristinF! Good catch, overlapping CSS qualifiers can be tricky to find sometimes.. Has that worked phaedoland?

Thanks TristinF! ??

For anyone else who comes across this, here’s the relevant FAQ:

Can I have different carousels with different images on the same site?
Yes – create a few categories and add your specific images to a specific category. Then, when inserting the shortcode into the page, specify which category you want it to display images from using the category shortcode attribute.

Phil

Hi Johattan,

There is an example of a full-width carousel on the Bootstrap website: https://getbootstrap.com/examples/carousel/

Hope this helps..

Phil

Hi a512,

Problems like the image indicator dots not being in the correct place and the image widths sound like CSS problems, so make sure that you’re including the Bootstrap CSS file properly and that nothing is overriding it’s rules. You can find out how to get the Bootstrap CSS at the top of the plugin homepage.

As you say, you can choose whether to show buttons (controls) with the showcontrols shortcode attribute. You can see all of the available options on the plugin homepage.

The CPT Bootstrap Carousel is there to give an easy way to create the output HTML needed for your site, not really for customisation of how the carousel displays. You can try asking somewhere like Stack Overflow if you need more help on this..

Cheers,

Phil

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

Hi ssccdd,

I’m afraid that I don’t really want to deviate from the core HTML template provided by Bootstrap for the plugin (shown here) as it will probably break the display output for everyone else using the plugin.

However, by the sound of it, you probably don’t need to edit any PHP or HTML to achieve the effect that you’re looking for: because the caption is already within a div with class .carousel-caption you should be able to reposition it using just CSS.

Let me know if you need any help with this, though to be honest as it’s not specific to the plugin you might be better off asking at Stack Overflow or somewhere. A quick google finds this post for example which suggests adding the following CSS to make the caption appear below (untested):

.carousel-caption {
     position:relative;
}

Hope this helps..

Phil

Thanks for letting me know – this doesn’t look like a show stopper, but I’ll get it fixed for the next release.

Phil

Well spotted, looks like this is due to a change in the bootstrap core away from the original markup that I used from the beta..

I’ve updated the code in github, it’ll go out with the next release. Note that the line you quoted is from the code used for Bootstrap version 2, so that particular line has remained unchanged.
https://github.com/tallphil/cpt-bootstrap-carousel/commit/a8762ddc27f64d8182f8e715899bb42e329af8c2#diff-0

Does this fix the positioning problem as well? As the plugin only provides the markup, positioning problems are usually due to styling problems. Let me know if you think that it’s the plugin’s fault though.

Cheers,

Phil

Hi Harry,

Sorry for the slow reply, I only just came across your question. This isn’t so much about the plugin as Twitter Bootstrap itself – as such you might do better to ask somewhere like Stack Overflow for some more responses.

To get started, I’d make a simple version for yourself in JSFiddle. Once you have that working, you can play in an isolated environment and ask other people on forums to hack it for you.

I imagine that I would start by keeping with the current title and description – don’t try to add a new second caption, that will probably end up being tricky. Then use CSS as you say to move the caption text to the top left. Probably by using position:relative with the carousel itself and position:absolute with the caption text.

Anyway, I hope that helps – let me know if there’s anything else I can do.

Cheers,

Phil

Hi Graham – I’ve just pushed version 1.5 of the plugin live, which includes your fix. Thanks again!

Phil

Thanks Graham – well spotted! I’ve added this as an issue on the github repository and will make the change in the next release..

Phil

Great! Thanks for letting us know.

Hi @andrewcking,

Are you sure that jQuery is only being included once? I found that having it included twice broke the interval setting. Beyond that, it’s difficult to suggest anything without seeing your setup. Is your site public? Can we see the link?

Cheers,

Phil

Hi there,

I’ve just pushed version 1.4 of the plugin live. With it came a new shortcode attribute. Using id="104" will now make the carousel show only the image from carousel post number 104. This is a bit tidier than using categories..

Cheers,

Phil