fade-in icon boxes, text, etc

Hey dubyajay!

You can turn on Custom CSS field for ALB elements ( please see – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give custom class to your elements and then use custom CSS3 animations in Quick CSS field.
You can already use fade in animations on image element – http://i.imgur.com/rU0Qmrz.png

Best regards,
Yigit

Hi!

1.) After adding the snippet, edit any elements on the advance layout builder and you should see the Custom CSS field.

2.) On the advance layout builder, go to the Media Elements pane, insert the Image element, then edit it to adjust the image animation.

In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.

If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)

Cheers!
Ismael

Hey!

Do you mind creating a temporary admin login and posting it here privately so we can take a look at the code to turn on custom CSS field for ALB elements?

Best regards,
Yigit

Hi!

1- I have added the code to functions.php file of your child theme and now Custom CSS field appears on ALB elements – http://i.imgur.com/fSQYt5y.png
Screenshot is from your website. I have created a private page called “Test page”
2- You can save templates you have created using Avia Layout Builder and load them on other pages http://i.imgur.com/pkv1y7C.jpg

Regards,
Yigit

Hey!

No, i did not delete any code. Functions.php file of your child theme was empty and i have just added the code to turn on Custom CSS field. Maybe you are talking about the codes you have in Functions.php file of your parent theme, which i have not touched? If that is the case, you can edit parent theme files here – http://i.imgur.com/j7BxEmx.png

Regards,
Yigit

Hey!

I am truthfully sorry about that WJ. Please contact your service provider and recover the file from their backup.

Regards,
Yigit

Hey!

Once again, i am very sorry for the trouble but it was not intended.
Please add following code to Functions.php file

function add_custom_iconbox(){
?>
<script>
jQuery(window).scroll(function() {
   var st=jQuery(window).scrollTop();
   jQuery('#top .iconbox_top').animate({opacity: st/100},1);
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_iconbox');

and then add following code to Quick CSS

#top .iconbox_top { opacity: 0.1; }

It will set the iconbox opacity to 0.1 and when scrolled down 100px, it will fade in

Best regards,
Yigit