[Steve]

SORRY. FADING IN THE FEATURE BOXES IMMEDIATELY DID NOT WORK. – If you have a fix for this, that would be splendid.

OK, I have achieved a similar effect for the Home Page: 1) A shorter Slideshow image and 2) fading-in the feature boxes immediately.

I created two new files in the theme directory:

File: custom.css – contents below

.slider-main{ min-height:340px; background:url(images/loading.gif) no-repeat center center #ffffff;}

File custom.js – contents below

// Fade Boxes in immediately
var imagePos = jQuery(this).offset().top;
var topOfWindow = jQuery(window).scrollTop();
jQuery(this).addClass(“fadeInUp”);

I then included these as the last thing before </HEAD> in header.php as follows:

<script type=”text/javascript” src=”<?php echo get_template_directory_uri(); ?>/custom.js”></script>
<link rel=”stylesheet” href=”<?php echo get_template_directory_uri(); ?>/custom.css” type=”text/css” media=”all” />

If I ever updated the theme, these changes would need to be recreated. It would be great if the theme had a place to input custom js and css, that would not be overwritten by an update.

[Steve]

I too would like to remove the animations. Can you tell us how?

I would also like to change the height of the Home Page Slideshow.

[Author]

Posts