Help please regarding logo etc

[directpc]

Hi there,

I really hope somebody can help me here, I have added my pic to my header as you will see here

www.directpcsupplies.com

but i want to add text and a colour to the right hand side of this picture, like my other site

www.directpcsupplies.co.uk

does anybody know how to do this as i have tried everything, including what is said in one of the FAQ but that did not work

Thanks John

[directpc]

while i am here, does anybody know how to change all the colours of the boxes, at the moment they are all different colours i want them all in a dark blue

[Ryk]

The best place to start is by reading all of the tutorials/FAQs

[directpc]

i have looked at them, like i said the way it mentions does not seem to work for some reason

[directpc]

can anybody please help me with this

[afo]

To change the color of the box next to your logo, add the code in red to your stylesheet where indicated:

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	}

#headerWrapper {
	background-color: #ff0000;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

That will make it red. You can change the color code to whatever color you like.

[afo]

while i am here, does anybody know how to change all the colours of the boxes, at the moment they are all different colours i want them all in a dark blue

I'm not exactly sure what you mean, but try changing these colors in your stylesheet.

#navColumnOne {
	background-color: #FFCC99;
	}

#navColumnTwo {
	background-color: #00BFBF;
	}

[directpc]

thats brill, how to i make it fill the gap as its only done a small line acrosss, and how do you add text to this section. I keep looking through even more threads but not having a lot of luck at the moment

[birdoasis]

First thing you want to do is use firefox... download it at www.mozilla.com
also from the add-on's secton of mozilla.com the install the following:
Web developers add-on.
Colorzilla


Once you've done that goto your site.

Then look in the tool bars for the information button.

Click on it and choose "Display Ids & Classes.

Then you will see some little rectangles popping up all over the place with the info you need.

The headerwrapper is where you want to make the background the same color as your other header.

You can also add your text within the wrapper.

You can use colorzilla to point at a div and it will display the div and other info like the div and the color numbers that you need to edit.

Now the css you are using groups the #headerwrapper with other divs. You'll want to separate it to make these changes. Once you make it a standalone you'll want to copy the settings that pertain to the header from the group settings. I'll check back to see if I've totally confused you or perhaps you've had an epiphany.

[directpc]

#9 Thank you, thats made life much more easier for me so i can go to where i want and get this sorted out. Thanks once again