Changing colour of text - Help please

[Guest LewisSellers]

Hi Everyone,

I'm working on this site at the moment - http://lefthandedguitars.pinpointhosting.com

All the catergory titles are black at the moment "Shop by Category" "Shopping Basket" "Popular Products" and "Mailing list", could someone please tell me how to change them to white ?

Which file is it I need open (I thought it was that style.css but I can't see which tag those catergories are assigned too).

Any help would be much appreciated!

Thank you in advance!

Lewis Sellers

[Guest LewisSellers]

Layout.css

.boxTitleLeft, .boxTitleRight

color: FFFFFF;

Thank you !

Also, do you know where I can change it so there are 4 catergories per line on the following page:

http://lefthandedguitars.pinpointhosting.c...Cat&catId=1

Thanks

Lewis

[Guest daverock]

try rmodifying the width for that container:

so this (line 293 or so of styles.css):

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:3px;

text-align:center;

width:387px;

}

becomes this:

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:3px;

text-align:center;

width: auto;

}

[Guest LewisSellers]

try rmodifying the width for that container:

so this (line 293 or so of styles.css):

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:3px;

text-align:center;

width:387px;

}

becomes this:

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:3px;

text-align:center;

width: auto;

}

Your a genius!....... almost

It worked (http://lefthandedguitars.pinpointhosting.com/index.php?act=viewCat&catId=7) but now, as you can see, one of the subcatergories, is just randomly in the middle, I wanted them all aligned left.....

Any ideas?

Lewis

[Guest daverock]

ah yeah, this is caused by the "Simon and Patrick" folder - that double line of text is throwing off the floats of the other containers...

this is where things can get interesting:

layout.css (line 248 or so):

.subCat {

float:left;

margin-right:5px;

padding:8px;

text-align:center;

white-space:nowrap;

width:110px;

}

That "white-space" will stop the two line thing (this could create probs if you have a real long name though). You could maybe increase the margin I put in there to make it look better?

(again not testing in IE)

[Guest LewisSellers]

ah yeah, this is caused by the "Simon and Patrick" folder - that double line of text is throwing off the floats of the other containers...

this is where things can get interesting:

layout.css (line 248 or so):

.subCat {

float:left;

margin-right:5px;

padding:8px;

text-align:center;

white-space:nowrap;

width:110px;

}

That "white-space" will stop the two line thing (this could create probs if you have a real long name though). You could maybe increase the margin I put in there to make it look better?

(again not testing in IE)

That worked, but now we have another problem.....

http://lefthandedguitars.pinpointhosting.c...Cat&catId=1

The electro acoutic guitars text now doesn't fit......

Any ideas for that one ?

Thank you for the help, your being a star!

[Guest daverock]

ok this is my last attempt

.subCat {

float:left;

height:60px;

margin-right:0pt;

padding:5px 0pt;

text-align:center;

width:133px;

}

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:0pt;

text-align:center;

width:100%;

}

you'll be in trouble if there is a 3-line category...

i'm a lefty guitarist – so best of luck!

[Guest LewisSellers]

ok this is my last attempt

.subCat {

float:left;

height:60px;

margin-right:0pt;

padding:5px 0pt;

text-align:center;

width:133px;

}

#subCats {

background-color:#EBEDFE;

border:1px solid #C9CEFC;

float:left;

margin:0px;

padding:0pt;

text-align:center;

width:100%;

}

you'll be in trouble if there is a 3-line category...

i'm a lefty guitarist – so best of luck!

Well its a site i'm doing for someone, the current site is www.lefthandedguitars.co.uk..... still taking orders lol.

Just tried the code and........... It worked!!!

Thanks for all your help, you've been great!

Lewis

[markscarts]

I would recommend a different approach. Simply add a height dimension to the container, and make it large enough to account for longest image/longest text string