Content slider customization

Hi,

Sorry for the delay. You can use this script to apply a uniform height to the slides.

// custom script: set min height to slider
function ava_custom_script_set_min_height()
{
    ?>
    <script type="text/javascript">
        (function($) {
            $(document).ready(function() {
                // Get an array of all element heights
                function setSlideHeight(element) 
                {
                    var elementHeights = element.map(function() {
                        return $(this).height();
                    }).get();
                
                    // Math.max takes a variable number of arguments
                    // <code>apply</code> is equivalent to passing each height as an argument
                    var maxHeight = Math.max.apply(null, elementHeights);
                
                    // Set each height to the max height
                    element.height(maxHeight);
                }
              

                $(window).on( 'debouncedresize', function()
				{
                    var slider = $('.avia-content-slider-inner');
                    var slider_wrap = slider.find('.slide-entry-wrap');
                    var slides = slider_wrap.find('.slide-entry');
				  	
                    setSlideHeight(slides);
				});
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_set_min_height', 9999 );

To apply alternate background colors to the slides, add this code.

.avia-content-slider .slide-entry-wrap .slide-entry:nth-child(odd) {
    background-color: red;
}

Best regards,
Ismael

Hi,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

.avia-logo-element-container.avia-content-slider .slide-entry-wrap .slide-entry:nth-child(2n+1) {
  background: none;
}

Regards,
Yigit

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard