Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] different browsers show different colors


  #1  
Old Sep 11, 2012, 05:54 PM
disfasia
 
89 posts · Jun 2010
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!
  #2  
Old Sep 11, 2012, 06:23 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
looks the same to me
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 12, 2012, 01:04 AM
disfasia
 
89 posts · Jun 2010
Click image for larger version

Name:	Capture décran 2012-09-12 à 07.59.16.png
Views:	430
Size:	44.3 KB
ID:	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).

Click image for larger version

Name:	Capture décran 2012-09-12 à 07.59.58.png
Views:	400
Size:	49.0 KB
ID:	1996
  #4  
Old Sep 12, 2012, 03:43 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
here ia what I see on a Mac. safari in the back. FireFox in front
Attached Thumbnails
Click image for larger version

Name:	safvrfire.png
Views:	376
Size:	70.5 KB
ID:	1997  
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Sep 12, 2012, 03:49 AM
disfasia
 
89 posts · Jun 2010
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;}
  #6  
Old Sep 12, 2012, 04:15 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
body.page-id-2046 .post-headline, a:visited, a:active {
color: #777777;}
in english, please explain what this does
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Sep 12, 2012, 04:17 AM
disfasia
 
89 posts · Jun 2010
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...

Last edited by disfasia; Sep 12, 2012 at 04:40 AM.
  #8  
Old Sep 12, 2012, 05:30 AM
disfasia
 
89 posts · Jun 2010
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!
  #9  
Old Sep 12, 2012, 05:32 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
HTML Code:
div#left-red li {color: red;}
in english this would be
Quote:
change the text colot to red for all 'LI's that are a child of a 'DIV' that has the ID of 'left-red'
now write out in english what the CSS you are using does.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #10  
Old Sep 12, 2012, 05:40 AM
disfasia
 
89 posts · Jun 2010
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/
  #11  
Old Sep 12, 2012, 05:46 AM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go back and read my last post.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #12  
Old Sep 12, 2012, 11:37 AM
disfasia
 
89 posts · Jun 2010
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?

Last edited by disfasia; Sep 12, 2012 at 11:50 AM.
  #13  
Old Sep 12, 2012, 12:21 PM
juggledad's Avatar
juggledad
 
23,655 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
No that is not what it says. You should read this http://www.ivanteoh.com/posts/84-mis...ma-syntax.html
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #14  
Old Sep 12, 2012, 01:36 PM
disfasia
 
89 posts · Jun 2010
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;}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
fonts appear different on mac or pc browsers rickpoet Header configuration & styling 6 Sep 3, 2011 01:55 AM
Rounded tabs fix for IE browsers? vincent Page & Category Menu Bars 1 Nov 22, 2010 02:41 PM
Having Trouble Displaying Across browsers rdeschene Atahualpa 3 Wordpress theme 5 Oct 17, 2010 04:03 AM
Browsers styling problem Hellvis Header configuration & styling 2 Jan 15, 2010 04:38 AM
logo area doesn't show in some browsers xaveryptak Header configuration & styling 1 Aug 27, 2009 06:52 PM


All times are GMT -6. The time now is 08:11 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.