Phil Ewels
Forum Replies Created
-
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Move caption locationHi Don,
Absolutely – try the following CSS:
.carousel-caption { padding-bottom: 200px; }The 200 is arbitrary – have a play with the number to get it exactly where you want it.
Hope this helps!
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Adding z-indexHi hellroselee,
If your CSS works with a manually coded bootstrap carousel, I don’t see any reason why it shouldn’t work with the plugin.. The class names should be the same.
Do you have an example of the parallax carousel working? Sounds cool!
Cheers,
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Caption is not displaying after 5th Slide.Hi Rashuz,
Do you have a link where I can see this happening? The issue doesn’t happen on my test site, and it could be a lot of different causes, so it’s difficult to guess without seeing it.
Cheers,
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] apply animate.css classes to imagesHi there,
For the images themselves, not really – what kind of final effect were you thinking of? It is possible to add custom classes to some other elements in the Settings page (eg. the link buttons), so it would be easy for those items.
It should be possible to add the data attributes and required classes to the carousel using jQuery after the page is loaded. This would be another way to achieve the same effect without having to edit the main plugin code.
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Change slider font colourHi Thomas,
You need to add some custom CSS. Something like this should do it:
.carousel a { color: #FFFFFF; }You’ll have to ask the authors of Unite / read their docs to find the best way to add some custom CSS like this, as it’s theme dependent.
Hope this helps!
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Grey gradient barHi th0masek,
Apologies for the delay in replying – I was on holiday. My guess is that this is because the carousel is being displayed in slightly different areas in your theme, leading to differences in the CSS rules that are applied. Those grey bars usually appear if you have excess padding applied. My guess would be that before you had something like this:
<div class="carousel>...</div> <div class="mainpage">..</div>..and that now you have something like this:
<div class="mainpage"> .. <div class="carousel">..</div> .. </div>..and that
.mainpage divhaspadding-top:20pxor something. Does that make sense?Do you have a link where I can see the site? With the Chrome / FF web inspector it should be fairly easy to find which CSS is responsible for the bars (can’t do this from a screenshot though).
Alternatively, you can have a look at the HTML output before and after and see what has changed.
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] First Image is not sliding auto later it startsHi kmjamal,
This is quite a common problem that can be caused by a lot of things. Have you gone through the check list at the top of the Frequently Asked Questions page?
I’ve just had a quick look at your site and two of the FAQ suggestions are on your page – jQuery is being included twice, and the imports are at the bottom of the pages rather than in the theme header. Both of these have caused problems for other people, so I’d start there.
I hope this helps. Let me know how you get on!
Cheers,
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] swipe supportHi phillystyle123,
The code in
theme.jsis as follows://must target by ID, so these need to be used in your content $('#myCarousel, #myCarousel2, #agnosia-bootstrap-carousel').swiperight(function() { $(this).carousel('prev'); }); $('#myCarousel, #myCarousel2, #agnosia-bootstrap-carousel').swipeleft(function() { $(this).carousel('next'); });The problem is actually suggested by the comment – those element IDs don’t exist in your page. The generated carousel has the ID
cptbc_928, though this is auto-generated, so you’re better off targetting by class instead:$('.carousel.slide').swiperight(function() {Hopefully that should work.
I’ve not seen swipe support for the carousel before though, that’s cool! I’ll make a note to think about adding support for a future version of the plugin.
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] I do not see a slideshow on my pageHi utespa,
Please see the installation instructions for help on getting the carousel to work. Specifically:
Once Activated
- Make sure that your theme is loading the Twitter Bootstrap CSS and Carousel javascript
- Place the [image-carousel] shortcode in a Page or Post
- Create new items in the Carousel post type, uploading a Featured Image for each.
- Optional: You can hyperlink each image by entering the desired url Image Link URL admin metabox when adding a new carousel image.
See also the Frequently Asked Questions for help on specific problems.
If you’re still struggling, please post a link to your website so that I can see what’s happening, plus a detailed description of what’s wrong.
Cheers,
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] I need to add effect after end of the slidesHi sayali5,
This is fairly complicated and beyond the scope of what the plugin can do I’m sorry. I recommend asking on stack overflow or somewhere similar to try to get help in adding additional javascript if you’d like to achieve this.
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Carousel indicators problemOk, having seen your site, it’s due to overlapping CSS styles from your custom stylesheet:
.post-content li { margin-bottom: 1.3em; } [..and others..]You can either change these styles to be more specific, or (probably easier) make new styles to specifically set the carousel back to its default:
.carousel ol.carousel-indicators .li { margin: 1px; } .carousel ol.carousel-indicators .li:active { margin: 0; }For anyone with similar problems in the future, you can figure this out by using the Chome Inspector (or equivalen in other browsers) to look at the CSS rules being applied to whatever is wrong. There you can see which rules are being applied, in what order, from what source. Un-ticking various rules to disable them updates the page, so you can find what’s causing the problem.
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Carousel indicators problemBetter would be to try to replicate the problem on codepen or something if possible..
Otherwise you can find my contact details from my website (listed on my WP profile page).
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Carousel indicators problemHi there,
It’s very difficult to know without seeing the web page that they’re on. Do you have a link where I can see the carousel for real?
Phil
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Adding thumbnail navigation below carouselCool idea! Yes, this should definitely be doable. I don’t really have time to write it at the moment (and possibly for a while yet), but I’ve made an issue for it on github so that I don’t forget it.
Forum: Plugins
In reply to: [CPT Bootstrap Carousel] Incompability with "CM Tooltip Glossary"Ah ok, could be a conflict in the client-side javascript or something then..? Could be a lot of things to be honest – as CM Plugins says, difficult to say without a link. Even if it looks unspectacular, the developer console might have some interesting things to show.. It also allows to try and recreate the problem at our end, and then play with the code to figure out what the problem is.
Phil