Change scroll bottom anchor Animation delay

[francescarodolfi]

Hi, I want the scroll top anchor above masthead to appear after i.e. 2s or to have a longer fade in animation in order to follow my rev slider animation/transition. It can be seen at www.drmassimodistefano.com.
I tried whit CSS (from web inspector analysis) but nothing changes:

.x-slider-scroll-bottom.bottom {
bottom: 35%;
-webkit-transition: all 2s ease;
transition: all 2s ease;
transition-delay:2s;
}

Could you please help me?
thank you

[thai]

Hi @francescarodolfi,

Please try with this solution:

• Add the following CSS under X > Theme Options > CSS:

a.x-slider-scroll-bottom {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0; 
}

a.x-slider-scroll-bottom.active {
    opacity: 1;
    display: block;
}

• Add the following JS under X > Theme Options > JS:

jQuery(document).ready(function($) {
	setTimeout(function(){
		$("a.x-slider-scroll-bottom").addClass('active');
	}, 1000);
});

For more information, please take a look at this:

Transitions on the CSS display property

Hope it helps