Arggh! Color changes... no logic to it?

[xtinexoop]

Hi

I am trying to make what I thought would be a fairly simple template based on Academe, but changing font colours is driving me nuts.

I have the side boxes looking how I want them now, but I want to change the ...more info text color on the product listing to be the cream color. I can see where to change it
(a.visited) but when I do this the text in the side boxes changes as well.

How do I seperate these?

I have the web developer toolbar in Firefox, but not sure how it helps.

I also want to change the listings under 'all products' to use the cream color rather than the blue - but can't see where to change that either.

This is driving me to distraction. The stylesheet doesn't make logical sense to me (I am pretty new to CSS).

Is there a sample stylesheet where each element of the page is defined individually so that you can change it without it impacting seemingly unrelated parts? I don't really understand why something that controls the category names is also the "...more info" click.


Christine

ps. the website is www.singleswalking.co.uk - pages I am struggling with are http://singleswalking.co.uk/index.ph...e=products_all and http://singleswalking.co.uk/index.ph...dex&cPath=10_8

[allen875]

have you tried this in your CSS stylesheet

.informationHeading a:visited {
color: #xxxxxx;
}

I'm still fairly new to coding the templates myself so hopefully this will help.

[gjh42]

Or this to cover all left sideboxes:

h3.leftBoxHeading a:visited {
	color: #444433;
	}

The Firefox Web Developer's Information > Display Element Information button is your friend.

[xtinexoop]

Thanks guys....

I'm getting there - thought its still driving me nuts that what seems to work in Firefox doesn't in IE.

I'm hoping this is a quick one - but now I have managed to get it mostly how I want, how can I single out the MORE_INFO_TEXT to make it bold?

I have created a style like this is stylesheet

moreinfo {
font-weight: bold;
}

but not sure how/where to apply it?



Christine

[xtinexoop]

Yeeha! I think I am finally getting the hang of this... I put in

#productListing a:link, a:hover, a:visited, a {
font-weight:bold;
}

and lo and behold got what I wanted... wonder what I broke though? LOL!

[xtinexoop]

One more question (maybe the last one?)

on IE there were two very fine lines 'borders' on the blank line above the category listings - they don't show on Firefox.

I have removed the borders on leftBoxContainer and that removes them altogether - so thats the culprit, and I can live without them - but why did they show on the blank line above the box in IE and not in Firefox?




Christine