PurpleShades Support Thread

[kobra]

If you downloaded the one that I contributed along with others for 1.3.x tabless.

Then this has an includes folder the you can just upload(drag and drop) with your FTP client and the files are structured correctly to be uploaded to the proper locations. Then follow the instructon in the readme file to select this in the admin and reset the layout boxes, and the column widths. That is it

[Figster]

Installing a template will depend on the template you are installing. In general, you upload the files in the same file structure that they are in. This means you may need to create folder in directories with your template name exactly like it is in the downloaded files.
Once uploaded you got to Admin---> Tools---> Template Selection select your template and set as default. You will also need to arrange your boxes from Admin--> Tools-->> Layout box controller.
There may be additional needs depending on your template. Have you read the "read me" or "Install text" in the downloaded files?

[tianxin]

hihi,
i just installed this template to my 1.3.8 ver zencart.

im having some problems changing the navigation bar width.
i tried to change the #navMainWrapper, #navMain's height,
but then the text inside just gets out of place.

if i do not wish to have the top categories navigation bar, how can i turn it on or off?

Also i seem to have total of 3 navigation bars. whats all these? how to remove them if i dont need?

Also, how do i set my logo to be align to right or align to middle?

the appearance of the top banner looks different in both firefox n IE. I set the navigation bar to start at 200px, just after my logo.. it appears correct in firefox, but not in IE. In IE, it start at about 230px.

the files are here..
http://www.anawaweb.com/shop

[tianxin]

i tried changing to height: 30px !important;
but does not seem to work. can still see the big white space below and also the navigation text seems to be adjusted to the middle based on the 59px and not 30px.

i had changed the height in css to 30px, and changed the image to height of 30px. still whitespace appears. pls help.

[kobra]

If you are referring to what I think then your re-colored hdr_bg.gif is only 160px high and your logo is 220 px high - make them match

[tianxin]

nono. this is not what i am asking...
i am asking about the navigation bar.. where the words

* Mon May 05 2008
* Home
* Log In
* Create Account
lies. It appears to be correct in firefox in some computers.. as 30px, and 2nd row of navigation continuous as 30px, while some appears wrongly . The wrong one will show 30px blur bar + some white space about 29px white space ( total 59px ) instead... and the words

* Mon May 05 2008
* Home
* Log In
* Create Account
will be inbetween the blue bar and the white space. For IE, it is also shown wrongly.

Also, how to make the logo centralised?

p/s: i had amended the hdr_bg.gif & logo to be same height so as not to confuse you.

[tianxin]

ok i solved the white space problem!

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.2em 0.2em;<<<<<<here for the white space
list-style-type: none;
text-align: center;
line-height: 2.0em;<<<<<here for the text placement
}

now where should i change for the logo to be centralised?

[charmedbytina2]

I am trying to fix the problems I've found with a client's site.
Purpleshades is the template being used - but some "funky" alterations have been made to it so the header section blows out the right margin.

I know the sitelogo.gif that is there is the culprit. I would appreciate a little input on the PROPER way to fix this so the page maintains it's original size and the sitelogo is centered in the header (I will be making it transparent so the purple colors show thru!)

Also, the who's online sidebox pushes out the right edge when there are 10 or more viewers on line. It's ok with 9 or less! I tried to modidy the text in the sidebox, but that resulted in the loss of the word wrap function - quickly undid my fix lol!)

The site is ##############################props.com

As always - thanks for the help!

[kobra]

First I would get the tabless version of purple shades

http://www.zen-cart.com/index.php?ma...roducts_id=108

Install it

Then I would break their image into 3 parts

logo
text image
gradient

Then apply the gradient as a background image with repeat-y
logo saved as a gif - - logo.gif
text image as the tagline

[charmedbytina2]

First I would get the tabless version of purple shades

Doing it now - perfect timing since client wants to upgrade to latest ZenCart too!

Thanks for the instructions - will do the logo in 3 sections!

T