Hey Michael,

Thank you for the inquiry.

This is possible but you have to edit themes\enfold\config-templatebuilder\avia-shortcodes\section\section.php file directly and adjust the video parameters in the following code around line 1575.

'attr'		=> array(
													'id'				=> '',
													'video'				=> $video ,
													'slide_type'		=> 'video',
													'video_mute'		=> true,
													'video_loop'		=> true,
													'video_ratio'		=> $video_ratio,
													'video_controls'	=> 'disabled',
													'video_section_bg'	=> true,
													'video_format'		=> '',
													'video_mobile'		=> '',
													'video_mobile_disabled'	=> $video_mobile_disabled
												)
								);

Set video_mute to true to disable autoplay, then enable the video_controls.

Best regards,
Ismael

Hey Tobias,

Thank you for the inquiry.

Are you trying to open the tab section items using the image above the tab section? Adding this script in the functions.php file should help.

// custom script
// scroll to active tab section
function ava_custom_script_tab_section_scroll() {
    ?>
    <script type="text/javascript">
    (function($) {
        function av_trigger_scroll_to_tab(s, e,) {
            $(s).on(e, function(event) {
                var load = e == 'load';
                    loc = load ? window.location.hash : $(this).attr('href'), 
                    hash = load ? loc : loc.substring(loc.indexOf('#')),
                    tab = $('.av-section-tab-title[href='+ hash +']'),
                    parent = tab.parents('.av-tab-section-outer-container'),
                    pos = parent.offset();
    
                tab.trigger('click');
                
                if(hash) {
                    setTimeout( function() {
                        $(window).animate({scrollTop: pos.top - 100});
                    }, 300 );
                }
            });
        }
        
        $(document).ready(function() {
            var tabs = $('.av-tab-section-container');

            if(tabs.length == 0) return;

            av_trigger_scroll_to_tab( 'area', 'click' );
            av_trigger_scroll_to_tab( window, 'load' );
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action( 'wp_footer', 'ava_custom_script_tab_section_scroll', 9999 );

Best regards,
Ismael

Hey davidhsieh,

Thank you for the inquiry.

This is a limitation of the sorting option. It can only filter or sort posts that actually exist in the current page, related items in the next or previous pages will not be included. Regarding the cut off issue, please edit the tab section element and set the Layout > Height > Content height to Auto adjust to content.

If the issue persists, please try this script in the functions.php file.

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 1500);
	
	$(window).on("load", function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 500);
	});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hey Jon Dugdale,

Thank you for the inquiry.

The documentation section in the demo was created using the default posts, and bbPress is used for the forum. You can still install a KB plugin and integrate it in the demo if necessary.

Best regards,
Ismael

Hey fanlokbun,

Thank you for the inquiry.

Are you referring to the post navigation, the arrows on both sides of the post/product? Please note that the order of the products in the navigation is based on the date the products were created or published. The manual sorting in the catalogue page will not reflect in the post navigation.

Best regards,
Ismael

Hey Julie,

Thank you for trusting Enfold and for taking the time to write this wonderful message. Happy Thanksgiving to you and your family!

Best regards,
Ismael

Hi,

Is hover color possible too?

Yes, that should be possible. Please add this css code just below the first one.

#menu-menuric li:hover a {
    color: orange;
}

Best regards,
Ismael

Hi,

Thank you for the screenshots.

We may need to access the site in order to check the issue with the footer options. The options are still available on our installation. The issue is probably due to a custom modification or a third-party plugin. Did you add any modifications to the theme, or did you override any template files in the child theme?

Best regards,
Ismael

Hey Antonio,

Thank you for the question.

You can use this css code to adjust the size of the featured image and remove the border.

.news-thumb {
    padding: 0;
    height: 52px;
    width: 52px;
    border: 0;
}

.news-thumb img {
    width: 52px;
    height: 52px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey peterolle,

Thank you for the inquiry.

This kind of animation or scroll effect is not available in the theme by default, but you might be able to replicate it using the layer slider’s play-by-scroll feature. However, please note that this feature is only available on the premium version of the plugin. Check the link below for more info.

// https://layerslider.com/sliders/play-by-scroll/

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We modified the css code a bit to make the input field accessible again and adjust the position of the checkboxes. You can find the code in the Quick CSS field.

#commentform .comment-form-author, #commentform .comment-form-email {
    float: left;
    margin-right: 2%;
    width: calc(47%);
    z-index: 3;
}

#commentform .comment-form-author input, #commentform .comment-form-email input {
    width: 100% !important;
}

#commentform .comment-form-cookies-consent {
    z-index: 0;
}

#commentform input[type='checkbox'] + label {
    left: 2.5em;
    display: inline-block;
}

#commentform input + label[for="comment-form-av-privatepolicy"] {
    left: 0;
}

Best regards,
Ismael

Hi,

The product images in the shop catalogue and related products section seem to be displaying in their original aspect ratio now. Did you figure out the issue? (see private field)

Best regards,
Ismael

Hi,

Thank you for the confirmation.

We may need to access the site in order to test the script further. Please provide the login details in the private field.

To disable the custom quantity buttons, please edit the enfold\config-woocommerce\woocommerce-mod.js file and remove this code around line 94.

avia_apply_quant_btn();

Make sure that file compression is disabled or toggled. You can then adjust the style of the input field using this css code.

#top div .quantity input.qty {
    height: 43px;
    width: 103px;
    display: inline;
    padding: 0px 5px 0px;
    line-height: 41px;
    vertical-align: middle;
    margin: 0;
    text-align: center;
}

Best regards,
Ismael

Hey navindesigns!

Thank you for the inquiry.

You can create a CET version of the color section. Make sure to lock all options that has to be updated globally. Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hi,

Mike might have used the Advanced > Screen Option > Element Visibility options of the elements to toggle their display on different screens.

Best regards,
Ismael