Color problems

[RichN]

Hi,

I've been making changes to the layout of my Smugmug site and I'm experiencing a couple of color problems that I haven't been able to solve. These problems show up using the Firefox browser (Safari seems to be fine). See this page:

http://richard-bianca.smugmug.com/gallery/3809846#219998167

First of all, all characters on the site are red, except for 'page .. of 3'. They are still green and I don't know how to change them.

The second problem is that after loading the page, a lot of the characters (for example in the navbar) turn a darker shade of red, making them hardly visible. Hovering the mouse over them makes the characters brighter again, but slightly scrolling the page makes them darker again. I don't get this, as I'm using the same color code for 'link', 'visited' and 'active'. Can anybody help?

One last question, is there a way to change the color of the feeds icon?

Thanks,
Richard

[Rockporters]

To get rid of the green:

.pageNav {
color: #XXXXXX;
}

Substituting the x's for whatever color you want the text to be.


I see that your footer menu is a much darker red, and this seems to be the culprit... In your CSS you have:

body #footer .nav,
body #footer, #footer a.nav {color: #330000;}

and also in these areas

body #cobrand_footer a:link,
body #feeds a:link,
body #themeCreator a:link,
body #cobrand_footer a:link,
body #footer a:link {color:#330000; font-family:Gentium,"Times New Roman", times, serif; font-size:14px; text-decoration:underline;}

body #cobrand_footer a:visited,
body #feeds a:visited,
body #cobrand_footer a:visited,
body #themeCreator a:visited,
body #footer a:visited {color:#330000; font-family:Gentium,"Times New Roman", times, serif; font-size:14px }

body #cobrand_footer a:active,
body #feeds a:active,
body #themeCreator a:active,
body #cobrand_footer a:active,
body #footer a:active {color:#330000}


Everywhere else you use #800000 for the red.


Hope that helps!

[RichN]

Hi Beth,

Thanks for the help! Your tip for getting rid of the remaining green characters worked.

You are right that my footer characters are a darker red than the other characters. But changing them to the same color as the rest (#800000) didn't solve the problem. I had already tried that.

I looked at it some more tonight and the problem doesn't seem to be that the characters change to a darker color, but they become thinner somehow. Hovering the mouse over them makes them normal again, until I scrol; then they get thin again. Strange... Especially since this effect doesn't occur in Safari.

Richard


[QUOTE=Rockporters]To get rid of the green:

.pageNav {
color: #XXXXXX;
}

Substituting the x's for whatever color you want the text to be.


<snip>