How to display the current slide number and the total number of slides in the carousel title

Last updated on

Product:

Wonder Carousel

Tutorial:

Wonder Carousel supports macro variables in the content template, which are dynamically replaced by the properties of the current slide when the carousel is rendered.

This tutorial will guide you on how to use macro variables to display the current slide number and the total number of slides in the carousel title.
Continue reading →

How to Add Carousel in WordPress

Last updated on

This tutorial will guide you how to add a carousel slider in your WordPress.

You can create horizontal carousel sliders or vertical carousel sliders for your WordPress. You can add images, YouTube, Vimeo, HTML5 videos, texts, HTML code, PDF documents and WooCommerce products to the carousel. You can also create the carousel dynamically from WordPress posts and pages.

You can open a link when clicking the images in the carousel, or display the image or play the video in a lightbox popup.

You can view the demo carousels on this page: WordPress Carousel Demos.

Continue reading →

Display title at all times for WordPress Carousel Stylish skin

Last updated on

Question:

We are using your Stylish skin on one of our pages and we would like the titles to appear at all times.

Currently the titles of the slides only appear when you hover your mouse upon them.

Is there a code to make this happen?

Answer:
In step 3, Options tab, Skin CSS, find the following code:

#amazingcarousel-CAROUSELID .amazingcarousel-text {
	position:absolute;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
	display: none;
}

And change the code display: none; to display: block;

#amazingcarousel-CAROUSELID .amazingcarousel-text {
	position:absolute;
	left: 0px;
	bottom: 0px;
	text-align:center;
	width: 100%;
	display: block;
}

The demo is as following:

WordPress Carousel on RTL webpage

Last updated on

Question:

I installed the carousel plugin, and everything is fine, apart from the fact the the click on the errows (right and left) doesnt move the carousel...

Answer:

It's because the direction of your webpage is rtl. To fix the problem, you can try to add the following CSS code to your WordPress theme CSS file:

.wonderplugincarousel {
   direction: ltr;
}