[SOLVED] different browsers show different colors
 

I have fixed my website

But this page shows the link above the title, top left, in grey in both Safari and Chrome, but in Firefox, it is the same color as the title:

http://oneworldnow.net/on-burchills-...r-her-benefit/


I put this code up:

body.page-id-2046 .p_title_class a:link, a:visited, a:active {
color: #666666;}


As you can see Firefox is the only browser that does not show the upper link as a lighter grey than the title of the article.

Why is this? How can it be fixed?

Thanks again!

looks the same to me

Attachment 1995

As you see the top menus differ here.. The titles just above the article title should be in lighter grey but here in Firefox they are both dark grey.

Now I am seeing that the home page shows the titles to which to navigate above (on the right) are still in dark grey where I want all the small titles in light grey (as in the left).

Attachment 1996

here ia what I see on a Mac. safari in the back. FireFox in front

Yes, that is because I am fiddling with it now. I actually removed the code so as you can see the main page http://oneworldnow.net/ shows the main title in light and not dark grey.

I really want the main title to be darker grey and the two direction titles (forward/backward) to be lighter. It seems I cannot change the title without effecting the code.

I will change it back right away so you can see the problem.

I have put back this:

body.page-id-2046 .post-headline, a:visited, a:active {
color: #777777;}

in english, please explain what this does

I am trying to change only the post headlines on my homepage, not all the links in other pages.

I also tried this removing the commas... but it doesn't work.

body.page-id-2046 .post-headline a:visited a:active {
color: #777777;}

I tried this:

body.page-id-2046 .p_title_class a:visited a:active {
color: #777777;}

Also doesn't work...

body.page-id-2046 a, a:visited, a:active {
color: #777777;}

I just used this and it seems to work. Does this look right to you?

Thanks for all your help!

I know what you want to do, I'm tring to get you to explain the CSS you are using in english. For example if you had this
in english this would be
now write out in english what the CSS you are using does.

I am trying to get the main/home page to look like it would if the actually latest subject were up:

http://oneworldnow.net/on-burchills-...r-her-benefit/

Where this page is how the latest page would look... Light colored upper links to remain the same with the main title in #777777 darker grey.

Right now it seems to do this. I do not get the mini-menu above in the main page however:

http://oneworldnow.net/

go back and read my last post.

body.page-id-2046 a, a:visited, a:active {
color: #777777;}

This code just says that on my homepage that all links take this 777777 colour.

But it is still making the top menus change.... ( I did read your post and I responded)

I tought the body.page prefix is supposed to effect only changes on that specific page, no?

No that is not what it says. You should read this http://www.ivanteoh.com/posts/84-mis...ma-syntax.html

Thanks so much! It works:

body.page-id-2046 a:link, body.page-id-2046 a:visited, body.page-id-2046 a:active {
color: #777777;}