I have this in the header area:
%logo <div id="address"><p>New Vineyard, Maine<br>207-652-2501</p></div>%pages <?php bfa_widget_area('name=My new widget area'); ?>
I have this in a text widget in this new widget area:
<div id="Mountain Guide Service">Loading images...</div>
<div class="Mountain Guide Service_caption"></div>
<style type="text/css">
#Mountain Guide Service {
float: left;
margin: 1em auto;
border: 0px solid #000000;
width: 940px;
height: 345px;
}
div.Mountain Guide Service_caption {
position: absolute;
margin-top: 175px;
margin-left: -75px;
width: 150px;
text-align: center;
left: 50%;
padding: 5px 10px;
background: black;
color: white;
font-family: sans-serif;
border-radius: 10px;
display: none;
z-index: 2;
}
</style>
<noscript>
<div id="Mountain Guide Service_nojs">
<img id="cimy_img_id" src="http://mountainguideservice.com/wp-content/Cimy_Header_Images/0/family-hike.jpg" alt="" />
</div>
</noscript>
It's not working so I must be missing something.
http://mountainguideservice.com.
For the sake of looks on the live site, I'm going to add the %image back into the header area but you can see where the rotating images should be. I've got all the images loaded, cleared my cache, and refreshed a bunch of times. What am I doing wrong?