Revolution Slider - Rendering Issues within Builder
BeTheme V12
RevSlider V 5.1.6
- muffin builder plugin-slider element
- muffin builder column element w/ revslider shortcode inside
- muffin builder wp-content element inside wrap (shortcode in wp-content but shown inside muffin builder)
If I put revslider shortcode directly in wp content and do not hide the content (show wp content +/- muffin builder), the slide inside the wp content area works as expected with proper transitions but the slide within the muffin builder content does not
2) If I choose the revslider option (global settings) to globally disable its libraries and only load them on pages that use a revslider shortcode (most preferable method) AND I choose to hide the page's wp content area in the builder options, the slide's content widths are not calculated properly resulting in really small widths of only a few pixels but the heights are ok. The result is a non-functional slider because everything is squeezed within only a few pixels.
If I enable the wp content the revslider item inside betheme is shown properly but the problem mentioned #1 is still experienced (fade vs actual transition)
Comments
2) Unfortunately, plugin is checking the_content field. You can use 3 options:
- Include RevSlider libraries globally
- Your suggestion with shortcode's inside WP editor and "Hide the Content" button
- use 'Pages to include RevSlider libraries' option with giving Page ID.
I figured out what the problem was. I was applying my own css animations to the element classes assuming revslider's animations were provided by js and/or applied to the containers they wrap around them. This was causing the animations to not completely work due to my custom css overriding them. The wp-content version of the slider did not have those same classes and thus did not reveal the problem.
Applying my own animations to either a parent or child element fixes the issue. Thanks.