Adding Shadow on Left/Right of Classic Template

28 Jan 2010, 4:48 AM

#1

Zen Follower

Join Date:: Jan 2010
Posts:: 142
Plugin Contributions:: 0

Adding Shadow on Left/Right of Classic Template

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>  </body>

But it's not working. Yes, I uploaded the png files to the images directory... ;)

Any suggestions?

28 Jan 2010, 4:55 AM

#2

afo

Totally Zenned

Join Date:: Aug 2004
Location:: New York City
Posts:: 6,800
Plugin Contributions:: 0

Re: Adding Shadow on Left/Right of Classic Template

I suggest you create your own custom template instead of making your changes in the files that came with Zen Cart or all your changes will be lost with the next update/upgrade.

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

28 Jan 2010, 5:06 AM

#3

eyal8r

Zen Follower

Join Date:: Jan 2010
Posts:: 142
Plugin Contributions:: 0

Re: Adding Shadow on Left/Right of Classic Template

I actually am using my own template for this. I copied the Classic one over to my CUSTOM. I added the tpl_main_page file to my includes/templates/CUSTOM/common folder... and the CSS into the includes/templates/CUSTOM/css folder (where CUSTOM is my template name).

Right???

28 Jan 2010, 5:50 AM

#4

eyal8r

Zen Follower

Join Date:: Jan 2010
Posts:: 142
Plugin Contributions:: 0

Re: Adding Shadow on Left/Right of Classic Template

Actually- I got it now. I changed it to this and all is good!

:clap:

28 Jan 2010, 1:47 PM

#5

afo

Totally Zenned

Join Date:: Aug 2004
Location:: New York City
Posts:: 6,800
Plugin Contributions:: 0

Re: Adding Shadow on Left/Right of Classic Template

eyal8r:

I actually am using my own template for this. I copied the Classic one over to my CUSTOM. I added the tpl_main_page file to my includes/templates/CUSTOM/common folder... and the CSS into the includes/templates/CUSTOM/css folder (where CUSTOM is my template name).

Right???

Yes, that's right. :smile: I just get nervous when someone says they're using the classic template.

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

28 Jan 2010, 1:48 PM

#6

afo

Totally Zenned

Join Date:: Aug 2004
Location:: New York City
Posts:: 6,800
Plugin Contributions:: 0

Re: Adding Shadow on Left/Right of Classic Template

eyal8r:

Actually- I got it now. I changed it to this and all is good!
<div id="wrapperleft"> <div id="wrapperright"> <div id="mainWrapper">
:clap:

Cool! :cool: I'm sure that'll help someone else trying to do the same thing.

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

28 Jan 2010, 1:53 PM

#7

eyal8r

Zen Follower