Fullscreen Slider other Scroll down arrow

Hi Manuel!

Please add Fullscreen Slider element to your page and then check “Display a scroll down arrow” – http://i.imgur.com/1oXAOn2.png

Cheers!
Yigit

Hi!

Please refer to this post to change scroll down icon – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
then please add following code to Functions.php file in Appearance > Editor

function add_custom_text(){
?>
<script>
jQuery(window).load(function(){
jQuery( "a.scroll-down-link" ).prepend( "<span class='scroll-down-text'>Scroll down</span>" );
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_text');

and following code to Quick CSS in Enfold theme options under General Styling tab

.scroll-down-text:hover { opacity: 1; }
.scroll-down-text { opacity: 0; }

Cheers!
Yigit

Hi!

You can remove the animation with this:

#top .scroll-down-link {
  -webkit-animation: none !important;
  animation: none !important;
}

Best regards,
Ismael

Hi!

Please remove the codes we posted and go to Enfold/config-templatebuilder/avia-shortcodes and open slideshow.php file and find

$html .= "<a href='#next-section' title='' class='scroll-down-link' ". av_icon_string( 'scrolldown' ). "></a>";

and change it to

$html .= "<span class='scroll-down-text'>Scroll down</span><a href='#next-section' title='' class='scroll-down-link' ". av_icon_string( 'scrolldown' ). "></a>";

then add following code to Quick CSS

span.scroll-down-text {
  height: 60px;
  width: 80px;
  margin: 0px 0 0 -40px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  color: #FFF;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  text-decoration: none;
}

Regards,
Yigit

Hi!

It seems like you have not added custom CSS code i posted in my previous post so text is appearing above slider.

Regards,
Yigit

Hey!

Please create a temporary admin login and post it here privately so we can look into it

Regards,
Yigit

Hey!

Please review your website now. You had some lines with ### in your Quick CSS code, i removed them. Original content of Quick CSS can be found here if needed – http://pastebin.com/mfzD99Uv

Regards,
Yigit

Hey!

I have added following code to functions.php file

function add_custom_slider_text(){
?>
<script>
jQuery(window).load(function(){
jQuery( "a.scroll-down-link" ).hover(function() { jQuery("span.scroll-down-text").toggle()});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_slider_text');

Please review your website now

Regards,
Yigit

Hey!

1- Yes, please see – http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/
2- There was an extra ” ;} ” in your Quick CSS, i removed it and it seems to be working fine :)

Regards,
Yigit

Hi!

Yes, you should create a new folder called ‘shortcodes’ inside wp-content/themes/enfold-child folder and copy modified slideshow.php file ( not only the line but the whole content of it ) and paste inside that ‘shortcodes’ folder

Regards,
Yigit

Hi!

If there happens to be any change on slideshow.php file, you can use a website like this one – https://www.diffchecker.com/ to check the differences and update the file then apply the changes once again. But files like slideshow.php will not be updated so often unless there are new features added to them.
Unfortunately, there is no other solution.

Regards,
Yigit

Hey!

You are welcome Dandy, we are always happy to help!
It definitely looks great : )
Let us know if you have any other questions or issues!
#TeamKriesi

Best regards,
Yigit