Testimonials on Slider Revolution

[aaustin69]

Hi, is there a way to insert the testimonials slider as a layer in the Revolution Slider (any HTML that can be used, etc.)? I am hoping to have testimonials rotate over an image in Revolution Slider.

Thanks.

[David Martin – Support]

Hi aaustin69,

This is not something I have seen done before, I don’t think this would work seamlessly being a slider within a slider. Please test the shortcode:

[testimonial_slider text_size="normal" item_count="6" order="rand" category="All" animation="fade" autoplay="yes" alt_background="none" width="1/1" el_position="first last"]

Thanks.

[aaustin69]

Thanks for your reply. I actually decided to use some Revolution Slider layers to show testimonials to keep things simple.

That being said, is there a way to only show the testimonials slider on a mobile phone and not on a larger screen device like a tablet or computer? The Revolution Slider I am creating with have some testimonials on it, but since I am hiding the Revolution Slider on a mobile phone (since it doesn’t look good on it), I would like to show the testimonials slider when someone is using their phone.

Additionally, if there is a way to do the above, can this be applied only to my home page? I am using the testimonials slider on another page as well, and I would like to keep it on that page regardless of the device someone is using.

Thanks in advance,

Alan

[David Martin – Support]

Hi,

You can likely do this with CSS, I will need to see URL with this setup so I can see if I can provide that to you.

Thanks.

[aaustin69]

This reply has been marked as private.

[David Martin – Support]

Hi,

This should do it, if not please add a WP login for me also.

.alt-bg.wpb_testimonial_slider_widget {
    display: none;
}
@media (max-width: 979px) and (min-width: 768px) {
	.alt-bg.wpb_testimonial_slider_widget {
	    display: none;
	}
}
@media (min-width: 768px) {
	.alt-bg.wpb_testimonial_slider_widget {
	    display: block;
	}
}

Thanks.

[aaustin69]

This reply has been marked as private.

[David Martin – Support]

Hi,

Can you increase the permissions. I cannot do anything with that user.

Thanks.

[aaustin69]

This reply has been marked as private.

[David Martin – Support]

Please make them administrator so I can access the theme options. Currently I get: http://d.pr/i/1fm4k

Thanks.

[aaustin69]

This reply has been marked as private.

[David Martin – Support]

Thanks – I have added an extra custom class to the testimonial slider. I then updated the CSS to this:

/*Testimonials slider - hide on mobile and tablet*/
.custom-display.alt-bg.wpb_testimonial_slider_widget {
    display: none;
}
@media only screen and (max-width: 767px) {
 .custom-display.alt-bg.wpb_testimonial_slider_widget {
     display: block;
 }
}

– David.

[aaustin69]

Thanks David. It works, although the slider text is still off to the right as per the attached photo I sent previously. Is there anyway to center this? I have attached the photo again that shows what I am referring to.

Alan

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Ah, yes:

@media only screen and (max-width: 767px) {
.custom-display.alt-bg {
    max-width: 100%;
}
}

Thanks.

[aaustin69]

Thank you!