X-Cart forums

[JeanB]

Hi all,

I'm trying to get a drop shadow to appear around my entire site, but I'm stuck just over the first hurdle!

I understand that I have to insert a <div> section at the top and bottom of the page in rectangle_top.tpl and rectangle_bottom.tpl. I have done this and inserted the image that I want to display to create the shadow effect.

However, it is only appearing in the admin section.

I cannot find anything that would be similar in customer/ only in skin1/.

Is there something that I'm missing?


Also - I'm completely stuck on the creation of 2 new columns and tiling an image. I have done a search, but nothing seems to relate to 4.2.3.


(FYI - I have restored the original files now, so am going from scratch.)


Huge thanks in advance to anyone who can help me out here!

JeanB

[cflsystems]

In 4.2.x all customer templates are in skin1/customer so you are not editing the correct files.
skin1/customer/bottom.tpl and skin1/customer/head.tpl are the file syou want to edit

[JeanB]

Ah, you're too good. My apologies!

The top's working now! But the bottom isn't appearing?

I'm in customer/bottom.tpl:

<div class="box">
<div class="subbox">
</div>
<div align= "center" width= "966"><img alt="" src="/skin1/images/rectangle_bottom.jpg"/></div>
</div>

The image appears if I move it above the subbox, but does not appear below it?


Thanks for your help!

[cflsystems]

Edit the css classes to make it work for you. Some of them have specific height, your image could be there just not visible

[JeanB]

Ah, you're a star! Thanks!

Sorted it! It was a combination of the heights (that were all over the place!) and the alignment being 'absolute'...

Looks great now though, thanks a million!!


Any idea how I would go about doing the two sides? :s

[cflsystems]

two sides?

[JeanB]

Yes, to put in a drop shadow that runs down the entire length of the site, on either side. I'm presuming a tiling/repeating image running on the left & right of the page container?

But, I'm not sure where to start on this. I can find things relating to 4.1, but not 4.2.3.

Thanks, Steve.

[cflsystems]

You can create an image 1px height and for width whatever your site width is. This image will have the shadow on both ends, put it as a site background with repeat

[JeanB]

You're a genius! Gottit!



However.......! Lol.

My alignments are all out!

The top and bottom are now aligning to the centre-left (IE starting from the left edge of the page-container and overhanging the right edge). (The page container is 966 wide and the top and bottom sections of the shadows are 1024)


And my newly defined css "page-shadow" box is ending before "customer_bottom", even though the div tags are closed after bottom.tpl in home.tpl.


Thanks so so much for your help!

I'll get there eventually, lol.

[JeanB]

OK, I've done it, but it's probably not how it's "supposed" to be done?!!

Is it "OK" to put the top and bottom <div> boxes in home.tpl?!