How can i change the color of the submenus of my website ?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of UK Duke

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.
Photo of Reducto

Reducto

  • 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.
Photo of Reducto

Reducto

  • 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 :)
Photo of UK Duke

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.
Photo of Reducto

Reducto

  • 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 :)
Photo of UK Duke

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.
Photo of Reducto

Reducto

  • 74 Posts
  • 0 Reply Likes
all done Lee. once again, thanks for everything :) geia mas :)