Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1355324

    Hi Team,
    I have been replacing all iamges in full withd instead of full page slide show to avoid cropping the images, but now I can’t find the place to activate the down arrow again. Is this still possible in full width slide show ?
    Thanks
    HulaSlim

    #1355431

    Hi HulaSlim,

    There’s no option for that in full-width easy slider.
    The only workaround is to add it via javascript, try adding this code in your child theme’s functions.php file:

    function add_scrolldown_link() {
    	?>
    	<script>
    		var slider = document.getElementById("insivideo");
    		console.log(slider);
    		if (slider) {
    			var anchor = document.createElement("a");
    			anchor.href="#next-section";
    			anchor.classList.add('scroll-down-link');
    			anchor.classList.add('av-control-default');
    			anchor.setAttribute("aria-hidden", "true");
    			anchor.setAttribute("data-av_icon", "");
    			anchor.setAttribute("data-av_iconfont", "entypo-fontello");
    			console.log(anchor);
    			slider.appendChild(anchor);
    		}
    	</script>
    	<?php
    }
    add_action('wp_footer', 'add_scrolldown_link');

    Hope it helps.

    Best regards,
    Nikko

    #1355507

    You mean in appearence/editor ?

    #1355645

    As you didn’t answer, i put the code in appearence/editor (it’s the only part where I know there is a function.php file, but nothing changes.
    Can you please check ?
    Thanks

    #1355703

    Hi,
    Thank you for your patience, yes the code goes in your child theme functions.php, you placed it in the correct place.
    Your page /monuments-historiques/ doesn’t seem to exist anymore so I checked /moutier-grandval/ and found that the script was looking for a specific element ID, I adjusted it to look for the general ID full_slider_1 and it is now working on that page and should work on all of your pages, if you find one that it is not working on please link to it so we can examine.

    For future users the working script is now:

    function add_scrolldown_link() {
    	?>
    	<script>
    		var slider = document.getElementById("full_slider_1");
    		console.log(slider);
    		if (slider) {
    			var anchor = document.createElement("a");
    			anchor.href="#next-section";
    			anchor.classList.add('scroll-down-link');
    			anchor.classList.add('av-control-default');
    			anchor.setAttribute("aria-hidden", "true");
    			anchor.setAttribute("data-av_icon", "");
    			anchor.setAttribute("data-av_iconfont", "entypo-fontello");
    			console.log(anchor);
    			slider.appendChild(anchor);
    		}
    	</script>
    	<?php
    }
    add_action('wp_footer', 'add_scrolldown_link');
    

    Best regards,
    Mike

    #1355730

    Hi Mike,
    I didn’t quite understand what you said that the script was looking for a specific element ID. But I noted the new script you posted at the end and checked all pages: they’re all great. The issue is solved.
    Thank you very much for your help.
    Kind regards,
    HulaSlim

    #1355734

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Downward arrow in full withd lide show’ is closed to new replies.