Need css help

[Mike Armas]

Hello all I need some help. I think it's a css thing that giveing me hell.

Iam working this template css file.

http://silver.tritoncore.com/~ptandc/

I have this setup in my css for the vmenu

.vmenu {
font-size: 16px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
text-align:center
text-decoration: none;
}

a.vmenu_main_on:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:hover { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:active { color: #FFFFFF; text-decoration: none; }

If you where to go to the web page i have a few pages setup in the vmenu. The Frist page is the home page. It's white and follows the css file. But all the other links are BLUE i didn't set any links to blue.

If you Refresh the page all links change colors but the home page stays the same. But if you click on other page the link change to white and the home page changes to a color i didn't set.

So i don't now whats going on is it a css is it soho. Why is it doing this ?

[Mike Armas]

O i think i found it

i don't have vmenu_main_off in the css


No thats not it this is my new css

.vmenu {
font-size: 16px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
text-align:center
text-decoration: none;
}

a.vmenu_main_on:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:hover { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:active { color: #FFFFFF; text-decoration: none; }

a.vmenu_main_off:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:hover { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:active { color: #FFFFFF; text-decoration: none; }

it's still not working.

[Bradnjxn]

I had this problem once. The way I resolved it is I removed the tag from my template that referred to the css. Soholaunch automatically loads your custom.css when it is located in the template folder you are using. Try that. Let me know if it works, I'm curious.


O i think i found it

i don't have vmenu_main_off in the css


No thats not it this is my new css

.vmenu {
font-size: 16px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
text-align:center
text-decoration: none;
}

a.vmenu_main_on:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:hover { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:active { color: #FFFFFF; text-decoration: none; }

a.vmenu_main_off:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:hover { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:active { color: #FFFFFF; text-decoration: none; }

it's still not working.

[Mike Armas]

No that didn't work

[Mike Armas]

ok i fixed it i put this as my vmenu css

.vmenu {
font-size: 16px;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
text-align:center
text-decoration: none;
}

a.vmenu_main_on:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_on:hover { color: #000000; text-decoration: none; }
a.vmenu_main_on:active { color: #FFFFFF; text-decoration: none; }


a.vmenu_main_off:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_main_off:hover { color: #000000; text-decoration: none; }
a.vmenu_main_off:active { color: #FFFFFF; text-decoration: none; }

a.vmenu_sub_off:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_sub_off:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_sub_off:hover { color: #000000; text-decoration: none; }
a.vmenu_sub_off:active { color: #FFFFFF; text-decoration: none; }

a.vmenu_sub_on:link { color: #FFFFFF; text-decoration: none; }
a.vmenu_sub_on:visited { color: #FFFFFF; text-decoration: none; }
a.vmenu_sub_on:hover { color: #000000; text-decoration: none; }
a.vmenu_sub_on:active { color: #FFFFFF; text-decoration: none; }

i did this and it worked becasue soho uses vmenu_main_on and vmenu_main_off

so it works it was doing the other colors becasue it was not finding vmenu_main_off.