Links colors are not changing :( [solved]

[javierdl]

This is the code in my "Accessibility and cross-browser tools" css file:

Code: Select all

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
	text-decoration: underline;
	/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit;
	color: #0033FF;
}

a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #0033FF;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
	text-decoration: none;
	background-color: #CCCCCC;
	color: #0033FF;
}

And as you can see I'm using 0033FF (a darkish blue). But when I visit the page it shows a lighter blue instead
My web site
What is the problem?

Thanks,

JDL

[Dr.CSS]

Some how you have at least 3 of the same CSS attached to the template...

Those are general links the ones in the menu are called with #primary-nav **** if you mean the color of the page you are on it's...

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
  background-color: #C7C7C7;
}

[cubix]

for securitys sake, delete your install directory and change your config.php file permissions.

[javierdl]

Some how you have at least 3 of the same CSS attached to the template...

To be exact, according to my Template's Current Associations page I have the following CSSs attached to it:

• Accessibility and cross-browser tools
• Navigation: CSSMenu - Horizontal
• Module: News
• Print
• basebllcpn (my own)

They were all attached to it initially, I just added "basebllcpn". I created it from an existing one. I can't recall which one though, but it starts like this:

Code: Select all

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

So, are you saying that instead of having 5 I should just have one? Or maybe 2 are redundant?

J

[javierdl]

Got it!
I got rid of basebllcpn and now the links show the right color
So from now on I'll just make the modifications directly on the existing CSSs.

This one is solved then

Thanks a bunch Mark

J.