Ok, i’m back! First of all spstieng, thank YOU so much for your assistance! I changes the opacity to 100, and the widgets are showing!! – very cool.
There is a couple of problems still though.
1. The recent posts & Links are only showing two lines, when there should be 10 recent posts and about 6 links ???
2. The fourth widget is overriding (on top of the first Meta widget) and when you click on the ‘next’ button to go to the next slide, it doesn’t move, in fact it just refreshes the same page. Any clue as to why this is happening???
Here is the footer.php file source (the widgets area):
<!-- start Widget slider -->
<div id="loopedSlider">
<div id="slider-top"></div>
<div id="slider-block">
<?php if (is_sidebar_active(4)) { ?>
<ul class="nav-buttons">
<li id="p"><a href="#" class="previous"><img src="<?php bloginfo('template_directory'); ?>/images/btn-prev.png" alt="<" /></a></li>
<li id="n"><a href="#" class="next"><img src="<?php bloginfo('template_directory'); ?>/images/btn-next.png" alt=">" /></a></li>
</ul>
<?php } ?>
<div class="container">
<?php if (is_sidebar_active(1) || is_sidebar_active(2) || is_sidebar_active(3)){ ?>
<div id="slide-1" class="slide">
<ul class="widget"><li><?php dynamic_sidebar(1); ?></li></ul>
<ul class="widget"><li><?php dynamic_sidebar(2); ?></li></ul>
<ul class="widget last"><li><?php dynamic_sidebar(3); ?></li></ul>
</div>
<?php } else { ?>
<p>This area is controlled in your WP admin under <strong>Apperance > Widgets</strong>. You need to <a href="<?php bloginfo('template_directory'); ?>/images/help-widgets.png" >add your desired widgets</a> to one of the 9 widget areas (Footer1-9).
<?php } ?>
<?php if (is_sidebar_active(4) || is_sidebar_active(5) || is_sidebar_active(6)){ ?>
<div id="slide-2" class="slide">
<ul class="widget"><li><?php dynamic_sidebar(4); ?></li></ul>
<ul class="widget"><li><?php dynamic_sidebar(5); ?></li></ul>
<ul class="widget last"><li><?php dynamic_sidebar(6); ?></li></ul>
</div>
<?php } ?>
<?php if (is_sidebar_active(7) || is_sidebar_active(8) || is_sidebar_active(9)){ ?>
<div id="slide-3" class="slide">
<ul class="widget"><li><?php dynamic_sidebar(7); ?></li></ul>
<ul class="widget"><li><?php dynamic_sidebar(8); ?></li></ul>
<ul class="widget last"><li><?php dynamic_sidebar(9); ?></li></ul>
</div>
<?php } ?>
</div>
</div>
<div id="slider-bot"></div>
</div>
<!-- end Widget slider -->
