Virgildia

@cyberchicken the new Animated Blocks version is available. Please ensure you delete cache before testing and you have the latest version of WordPress (5.9). The “Hide First” option was renamed to “Start with opacity 0”. Disable that option wherever you have it set (unless you’re using custom animations and it’s required). Animations that transition from 0 opacity are now set by default in the CSS keyframes to be hidden. Having “Start with opacity 0” set for them is not necessary and might cause opacity flickering.

Old plugin versions are available to download at https://www.ads-software.com/plugins/carousel-block/advanced/ if you are having compatibility issues.

If you are still seeing issues feel free to email me your website link at [email protected] as I will need to look at it in more detail. Cheers!

• This reply was modified 2 years, 8 months ago by Virgildia.
• This reply was modified 2 years, 8 months ago by Virgildia.

@cyberchicken thanks for your feedback! The issue seems to come from the animate.css library, as it was not initially built for scroll animations. The animation keyframes for some classes end at 50%, instead 100%. After the animation ends, the style goes back to opacity 0. I am fixing this issue in the next version and adding new features ?? Look out for it soon.

For now, if you understand CSS3 animations, I recommend that you copy from animate.min.css the keyframe CSS of the animation you’re using, and in your custom CSS paste the original code and add

100% {
   opacity: 1
}

at the end of the keyframe.

Also as I mentioned, please make sure other animation plugins are not overwriting the animation classes.

• This reply was modified 2 years, 8 months ago by Virgildia.
• This reply was modified 2 years, 8 months ago by Virgildia.

@cyberchicken the Hide First option should be set for elements that transition to opacity 1 (100%) in CSS. Also class name ab-end is added to the animated block after an animation finishes. You can try adding to your CSS:

.ab-end { opacity: 1 }

If you have more animation plugins installed you may also want to check if they are using similar animation class names.

I am working on a plugin update which will resolve this issue. A new version will be available to download in 2-3 days.

• This reply was modified 2 years, 8 months ago by Virgildia.
• This reply was modified 2 years, 8 months ago by Virgildia.

Hello Miguel! Thank you for using Carousel Block. Currently, the space between slides can be removed with custom CSS. I am planning to add space/gap support for slides in a future update.

Please add the following to your custom CSS:

.wp-block-cb-carousel .slick-slide {
    padding-left: 0;
    padding-right: 0;
}

• This reply was modified 2 years, 9 months ago by Virgildia.

Hi again! It looks like your website’s css is adding the padding.

Add this to your CSS and it will fix the issue:

.wp-block-cb-carousel.alignfull {
   padding: 0;
}

or you can add:

.alignfull {
   padding: 0 !important;
}

to remove that padding across the entire site for items aligned full.

Hello @kowoonbacon ! Thank you for using the plugin. I am not aware of this issue. I have visited the site and see no errors in the console.

Are there any errors in the browser console when the issue happens?

Unless you already did, add this to your wp.config.php file to see if you’re getting any PHP errors.

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );

Please make sure you are using the latest version of WordPress.

You can change the option “Slides to show” to show less slides. The default is 3. https://ps.w.org/carousel-block/assets/screenshot-3.png?rev=2615324

Otherwise you will have to use custom CSS for any visual changes. The plugin does not include style options.

@kedemdpc I have added an RTL option to the carousel settings in the latest plugin version.

Hello! The plugin currently does not have RTL mode but I will add this to the list of updates I will make soon. Thank you!

Hello! Thanks for trying the carousel! The plugin does not support fading yet but I will add the feature to the list of future updates ??

In the carousel Settings you can select “Infinite loop sliding” and “Autoplay”. Also set the “Slide animation speed” to what you need.

@egornmore i have added autoplay functionality to the latest version. 1.3. Please consider updating your review if you find the new feature useful. Thanks!

@fmarconi thank you for sharing your approach! I have added an autoplay option in the new Carousel Slider Block version 1.3.

Hi Ayek. Thanks for trying Carousel Block! The plugin does not have an autoplay option at the moment. This will be added to a future version.

@htmljenn thanks for your feedback. Out of the box, the carousel uses very basic CSS in order for you add custom CSS that fits your theme. In future versions I may add style choices.

The plugin uses Gutenberg inner blocks for the slides which is in fact standard Gutenberg convention. It may be a little awkward selecting the parent container of the inner blocks (in this case the Caroursel to see settings like adding new slides) but it’s how Gutenberg functions at the moment, hopefully that will improve. Otherwise, please inform what you found difficult about adding new blocks (or slides?) and maybe I can improve this functionality.

Are you using the latest version of WordPress (5.2.4)? Blocks can be easily duplicated and moved from slide to slide. Not sure why it didn’t work for you.

Again, thanks for the feedback and looking forward to your suggestions.

• This reply was modified 5 years ago by Virgildia.
• This reply was modified 5 years ago by Virgildia.