- 74 Posts
- 0 Reply Likes
Posted 8 years ago
UK Duke, Champion
- 3321 Posts
- 213 Reply Likes
Yassas Panagiotis Kokkaris,
Tikanis? Kala? :)
The CSS to control the sub menu colour looks like this...
div.ys_secondary_nav ul li a {
color: #DDDDDD;
}
To change the 'hover' colour of the sub menu...
div.ys_secondary_nav ul li a:hover {
color: #FF0000;
}
Add the above CSS to your site - Change the color: #DDDDD; to anything you like.
If you have a silver account add it to the custom css section, If you have a free account add it to an html widget at the top of every page.
Lee.
Tikanis? Kala? :)
The CSS to control the sub menu colour looks like this...
div.ys_secondary_nav ul li a {
color: #DDDDDD;
}
To change the 'hover' colour of the sub menu...
div.ys_secondary_nav ul li a:hover {
color: #FF0000;
}
Add the above CSS to your site - Change the color: #DDDDD; to anything you like.
If you have a silver account add it to the custom css section, If you have a free account add it to an html widget at the top of every page.
Lee.
- 74 Posts
- 0 Reply Likes
Geia sou Lee. i love your Greek style hahahahaa. Ola kala. i ll try this straight away. many thanks. i ll get back to this thread soon.
- 74 Posts
- 0 Reply Likes
thats great and it works Lee. Do you think is a good idea to change the 'hover' color of the main menu as well ? it is thew same color as it stands when someone is doing a mouse over. Many thanks :)
UK Duke, Champion
- 3321 Posts
- 213 Reply Likes
That's up to you. 1 thing I just noticed is that the main menu 'underlines' when you hover. Consistency is key on websites.
To match the main nav style with the sub menu you could add this...
div.ys_secondary_nav ul li a:hover {
color: #FF0000;
text-decoration: underline;
}
This is the CSS that controls the main menu when you hover over it...
div.ys_nav ul li a:hover {
color: #FFFFFF;
}
The color is currently set to white - change it to whatever you like.
Glad it worked out. :) -- Anything else just ask.
Lee.
To match the main nav style with the sub menu you could add this...
div.ys_secondary_nav ul li a:hover {
color: #FF0000;
text-decoration: underline;
}
This is the CSS that controls the main menu when you hover over it...
div.ys_nav ul li a:hover {
color: #FFFFFF;
}
The color is currently set to white - change it to whatever you like.
Glad it worked out. :) -- Anything else just ask.
Lee.
- 74 Posts
- 0 Reply Likes
Lee σ' ευχαριστώ(thank you) talking about consistency you re absolutely right so i matched the same cooor hovering the menu and submenu. I think it looks better without the underlines. can you please advise me how to remove the underline from both menus? i am a silver account hoder and i use wide rounded glass template :)
UK Duke, Champion
- 3321 Posts
- 213 Reply Likes
You're very welcome.
For the main nav...
div.ys_nav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}
and for the sub menu...
div.ys_secondary_nav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}
Obviously change the color back to your new colors.
Lee.
For the main nav...
div.ys_nav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}
and for the sub menu...
div.ys_secondary_nav ul li a:hover {
color: #FFFFFF;
text-decoration: none;
}
Obviously change the color back to your new colors.
Lee.
- 74 Posts
- 0 Reply Likes
all done Lee. once again, thanks for everything :) geia mas :)