Layout - background - navs bars etc

[vixenz]

Hi All

New Zenner, lost rather a bit

Off out shortly but the following is doing my head in , if anyone could suggest a couple of guidelines then that would be great, be up late then sorting out..

site is www.vixenz.co.uk/zencart

I know its alot to ask but im lost in the world of php

1. How do i get the purple bars thinner? Ive changed the colour but is it padding which is effecting them?
2.If remove the zencart image across the top which I found where its stored, is there a easy way just to change the whole background to a colour , and set the main page to the same colour to. Im find with html but no idea where to put it in the zen files.
3. Adding Menus across the top , do I put them in the stylesheet as normal or another file.

Feel rude asking so much, i just would like to get up and running as soon as poss to get my buisness on the go

Cheers

Owe everyone a drink if u ever come to sussex ;)

Rob

[kuroi]

I'm afraid your questions are doing my 'ead in a bit too. But I'll have a go anyway.

1. Can't see any purple bars. Do you mean the red ones at the bottom of each sidebox? If so, find the following in your stylesheet and make the number marked in red smaller

.leftBoxContainer, .rightBoxContainer {

margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #a20000;
margin-top: 1.5em;

}

2. Remove the header image by turning it off in the stylesheet, rather than doing anything where the file is stored. That is, find the following and remove the lines marked in red

#logoWrapper{

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;

}

I don't understand what background you want to change the colour of. Possibilities are the header background, the background for the whole page, the background for the centre column or the that for the whole page except the centre column. All of these would be achieved via the stylesheets. None would require HTML or changes to any other zen files.

3. Don't know what you mean by putting menus in the stylesheet as normal. You wouldn't put menus in the stylesheet, only styling for them. Where you put your menus would depend on where you wanted them to appear on the page - but what's wrong with the many different types of menu that Zen Cart can already produce for you?

Damn. Spent last Sunday in Sussex!

[kobra]

Your header nav bar height:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #abbbd3;
    background-image: url(../images/tile_back.jpg);
    padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

Yes, the padding in these for the top nav bar.

Your logo is 148px high. make an image file (jpg) that high & say 50px wide name it header_bg.jpg and place it in your template/images folder. Or you can create one that is styled as you want letting the width grow abit.

What type of menus are you wishing?? there are many posts that you can search for for different types of menus.

[vixenz]

Hi

Thanks very much chaps, appreciate your answers on my manic questions.

Was about to leave the house, so was typing fast so hopeing someone would reply by the time I got back as so eager to get going.

Got most sorted out apart from a couple things

The menus i was on about are the same as this person has on their site
http://www.dizzykids.co.uk/ (across the top)

The css would be fine, just not sure what file to put the script in?

Or , add menus across the top so you have About Us, Delivery

one last thing and i'le leave you all in peace..

On dizzykids, they have the About Us etc across the bottom, is this put in a footer file?

Many many! thanks

Rob

[kuroi]

Hi Rob

Please put aside ideas of "putting" these menus anywhere. They're already generated by Zen Cart.

The one at the top will magically appear when you start adding categories to your site. This called the Category Tabs menu and can be turned on and off in Admin > Configuration > Layout Settings (it's on by default, just empty at the moment).

Although the dizzykids site appears to have been constructed by coding the links into the footer file, that's not the best way to do it. An easier and more robust method is to add the links to the EZ-Pages Footer bar. You can even create whole new pages here and link them in. You can turn the EZ-Pages footer bar on in Admin > Configuration > EZ-Pages Settings (though it's probably turned on by default, just empty at the moment, and add links or pages in Admin > Tools > EZ-Pages

[vixenz]

Thats great, thanks for your reply...

Given me alot more direction so is excellent and appreciate it

thanks again

Rob