Font Colours

[gprit]

http://www.dimplesdaisysanddandelions.co.uk/index.php

Slowly ironing out my problems(!). I have several relating to changeing the colours - mainly on the side boxes. I am no css expert but have been ploughing through without any success!

1) Shopping Cart Header
Needs to be gold same as others.
2) New Products Header
Needs to be gold same as others.
3) Notifications Box
black text needs to be white.
4) Quick Re-Order box
(visible when looking at Shopping Cart) – Text is black – needs to be white.
5) Best Seller Box
Background box needs to be dark grey same as others on RH side.
6)Box showing Sponsors
Remove text ‘Sponsors’.
7) Home Page:
Text under ‘New Products’ is black and difficult to read (under the photo)
‘Advanced search’ font is black and difficult to read

Any pointers in the right direction would be appreciated!
Thanks
PS I am aware of the slow loading pics...just a couple loaded to try out things....

[gjh42]

Your best bet is to install Firefox and get the Web Developer and Firebug extensions - these will let you find this information and more for yourself.

For the Sponsors, you have in your stylesheet a set of rules for #bannerbox, but the sidebox name is bannerboxall. Use these rules:

/*..hlavièka boxu Reklama1 - pre zobrazenie vymažte diplay: none;..*/
#bannerboxall h3 {/*use one or the other of these properties*/
	display: none;/*this will make the space as well as the text disappear*/
	text-indent: -9999px;/*this will make just the text disappear*/
	}
/*..postranný box Reklama1..*/
#bannerboxall {
	border-bottom: 1px solid #3094DE;
	}
/*..postranný box Reklama1 - obsah..*/
#bannerboxallContent {
	background: #333;
	}

[gprit]

Thanks for the pointer re Sponsor title.
I do use Firefox and I do use Editcss with it....I will try the Webdeveloper and Firebug extensions..

I have spent many hours trying to decipher where these problems are (not being a css expert) and have been using 'trial and error' with no success...hence the post!

[gjh42]

Web Developer's Information > Display Element Information button will give full id/class and ancestors info for any element you click on. Its CSS > Edit CSS button will let you try things on the spot.
Firebug will let you see background images while editing, and has a whole other set of benefits. Both are valuable.

[gprit]

There's a lot in there to get to understand!!

From the Display element I see the Font family and Fon Size....
How do I know where that code is kept ? DO I just need to specify color in there somewhere......I didn't find it in Edit CSS.
thanks

[gjh42]

All styling information is or should be in the stylesheet (with rare exceptions). Look at the class/id rule for your element - if you don't see color info, it is inherited from a larger element and you can add different property values to this element. You want to apply properties to the highest level that will give the desired results, to avoid having to specify it a dozen times in each lowest-level element.

[gprit]

Slowly working my way through...eg clicked on the white Shopping cart text and got this....but I dont understand where to set the colour! I have tried trial and error setting the colout at various places in .css but cant seem to change the colour of the headings!


Attributes

href = http://dimplesdaisysanddandelions.co...=shopping_cart

Position
Left: 863px Top: 365px
Width: 0px Height: 0px

Other
Font Family: comic Sans MS
Font Size: 10.6px

Ancestors

html

body #indexBody

div #BodyBack

div #mainWrapper

table #contentMainWrapper

tbody

tr

td #navColumnTwo .columnRight

div #navColumnTwoWrapper

div #shoppingcart .rightBoxContainer

h3 #shoppingcartHeading .rightBoxHeading

Children
None

[gjh42]

What you posted shows the ancestors of the element, but not the element itself, which is an "a" link. The thing to style is what appears at the top of the box; in this case, you would specify

.rightBoxHeading a {

because you only want to affect links that are in sidebox headings.