By ilovekr on

Hi,

I don't know why the active link say for the home page doesn't stay white when its active in chrome but work fine in firefox and internet explorer.

http://animeteashirts.com/

a.new-main-menu:link {
	color: blue; 
	font-size:15px;
	text-decoration: none;
}

a.new-main-menu:hover {
	color: red; 
	text-decoration: none;
}


li a.active {
	color: #ffffff; 
}
}

Actually I changed the last css to

a.new-main-menu:active {
color: #ffffff;

}

I am wondering why it doesn't show the active form for any of the menu links.

Thanks!

⋅ Categories: Drupal 7.x

Comments

steeph’s picture

steeph commented

Because you've also set it to black at line 36

li a.active {
  color: #000;
}

Change it to white and it should work.

ilovekr’s picture

ilovekr commented

Hi,

In my current css in the subthemes I no longer have that line but it still doesn't display white.

Thanks

steeph’s picture

steeph commented

Is this the same theme I see at http://animeteashirts.com/? Because there the line is still there. Maybe you have CSS aggregation enabled. In this case clearing cache should help. CSS aggregation should be disabled during development so you don't have to clear cache after every change.

ilovekr’s picture

ilovekr commented

Hi,

After I read a bit more I misunderstood the active command. I am wondering how I can keep the selected/current menu to stay a certain color.

Edit:

I specify say the home menu to be red and the products to be green but I don`t see the changes work.

a.new-main-menu:link {
	color:red;
	font-size:27px;

}

a.new-main-menu:hover {
	color: #afedff; 
	text-decoration: none;
}

a.new-main-menu:visited {
	text-decoration: none;
}


a.main-products:link {
	color: green; 
	font-size:27px;
	text-decoration: none;
}

a.main-products:hover {
	color: #afedff; 
	text-decoration: none;
}

a.main-products:visited {
	text-decoration: none;
}

Thanks!