Tagged: arrow, color section
How can I use this bottom arrow http://kriesi.at/themes/enfold/homepage/transparent-header/ in a color section?
Only on the slideshow appears?
thanks in advance,
Hey mariorj!
Thank you for using Enfold.
It’s actually not possible but you can create a new color section then apply an id to it. Let’s use “first-section” for example. Below, add a new color section called “second-section”. Use this on functions.php to append the scroll down arrow on the #first-section container:
function add_scroll_down_arrow() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
jQuery('#first-section').append('<a href="#second-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>');
jQuery('#first-section').css('position', 'relative');
});
</script>
<?php }
add_action('wp_head', 'add_scroll_down_arrow');
Make sure that it links to the id of the color section below the section where you added the arrow, in this case #second-section.
Cheers!
Ismael
Hello,
We would really need exactly the same indicated in “mariorj” post.
Would you please consider to add this as a default function, I mean to add “scroll_down_arrow” bottom as a default option for any box or color section ?
Thanks you for considering this suggestion towards future versions.
Cheers!
Hi!
@macatokio Please request such feature here – https://kriesi.at/support/enfold-feature-requests/
And feel free to vote other feature requests
Regards,
Yigit
Hello Guys!
I also did this and it works fine for me. But it goes directly to the next section not in a fluent way like with the full-screen slider. What do I have to do for this?
Greets Tim