Well, I thought this would be easy- but apparently I'm not getting it. LOL. I want to add a little shadow to each side of the classic template.
I added this to my CSS-
#wrapperleft {
width: 100%;
max-width: 1000px;
margin:auto;
background-image: url(../images/shadow_left.png);
background-position: top left;
background-repeat: repeat-y
}
#wrapperright {
width: 100%;
max-width: 1000px;
margin:auto;
background-image: url(../images/shadow_right.png);
background-position: top right;
background-repeat: repeat-y
}
THEN- I added this to the tpl_main_page.php :
<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
<?php
if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
<?php
}
}
?>
<div id="mainWrapper">
<div id="wrapperleft">
<div id="wrapperright">
And then at the bottom of that same file- added in this:
</div>
</div>
<!--eof- banner #6 display -->
</body>
But it's not working. Yes, I uploaded the png files to the images directory... ;)
Any suggestions?
Bookmarks