Resolved Bootstrap carousel shortcodes

[kristjan72 1]

Is it possible to customise the behaviour of the bootstrap carousel using the shortcodes? Sepecifically I want to have carousel set to pause unless the user clicks, so no auto sliding at all. I've tried this:

[pl_carousel name="cameraslider" data-pause="true"]

also, for a different slider I would like to change the speed of the sliding:

[pl_carousel name="trailerslider" data-interval=1000 data-pause="hover"]

but the speed seems to remain constant whatever value I put after the data-interval attrinbute (the pause on hover does work!)

thanks

[James B 436]

Hi there,

The only thing i can see from your code is that the interval isn't enclosed in "". According to the bootstrap page you can pass intervals in the shortcodes.

[pl_carousel name="trailerslider" data-interval="1000"data-pause="hover"]

[kristjan72 1]

Oops. The no-closed quote marks were ok on my site, just messed up typing the code here on the forum post.

I made two carousel sliders, on the same page, one with the data-interval set to 1000, and the other set to 6000, but they both auto-scroll at exactly the same speed, looks like the default. Maybe the 'data-interval' is the wrong shortcode for that? I looked in class.shortcodes.php but couldn't find any shortcode that looked like it affected the speed

[Danny+ 1,327]

I have just tried this and you're correct, but there is no mention of this type of functionality in our demo shortcode page. I will speak to one of our developers and reply here when I have more information.

[kristjan72 1]

thanks. I'll use the Quickslider in the meantime, although I prefer the bootstrap sliders look

[catrina 103]

Ok, sounds good. Do you need further assistance with anything else?

[kristjan72 1]

I do have this question:

I'm using this code (thanks to Danny) to for the blog page:

.blog #site #pagelines_content, {

background: transparent;

border-color: transparent;

}

and I want to do the same for other pages. I'd like to apply this same to different Page Templates (in this case Template 4). Searched class.template.php and it looks like the templates are simply labelled 1, 2, 3, 4, 5. I tried:

.4 #site #pagelines_content, {

background: transparent;

border-color: transparent;

}

but that didn't work. Any idea?

[Danny+ 1,327]

Hi

You can use the following classes for the templates.

• Template | Default = .default .page-template-default
  
• Template | 1 = .alpha .page-template-page-alpha-php
  
• Template | 2 = .beta .page-template-page-beta-php
  
• Template | 3 = .gamma .page-template-page-gamma-php
  
• Template | 4 = .delta .page-template-page-delta-php
  
• Template | 5 = .epsilon .page-template-page-epsilon-php
  
• Template | Example = .example .page-template-page-example-php
  

So with that, you can do the following for template 4.

.delta #site #content .content, {

background: pink;

border: 1px solid green;

}[/CODE]

[kristjan72 1]

thank you, works!

[Danny+ 1,327]

Also, I have spoken to one of our developers regarding the data interval and data pause and he informed me that these settings have not been implemented. However it should be fairy simple and will be added in the future.

I have resolved this topic.

[Danny+ 1,327]

The topic was marked as resolved.