Home Tab

The Home tab in the menu, ( with the little house and the word HOME )

I would like it to have the same feature as the rest of the menu, what I mean is:
when you hover with the mouse (currently it does shows green theme color, so that is good)
but, text does not change to white,

and when mouse click, it should have the green theme color and the text should change to white,
but it does not.
Can you help please. Thank you.
Jo

 

Hello,
Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li a:hover {
  color: black;
}

Thanks & Regards
Pramod

 

Hi,
this did not make any changes.
Any more suggestions?
Thanks.

 

Good Day!
It is not in the source, since I took it out because it didn't work.
If you look at all the menu tabs, they work fine. when you hover over them, it is green with white text, this is good. and when you click on them they become green with white text, this is good.

1. except Home menu tab, text does not become white when hover over it ( the green theme color works fine, just the text color, it remains black)
2. Then when you click on Home tab it does not become green and the text does not become white.

 

Hello,

Please use below code.

Code:

#menu .ddsmoothmenu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current-cat a {
  background-color: #7da512 !important;
}
 
#menu .ddsmoothmenu li:first-child a {
  color: white !important;
}

Thanks & Regards
Pramod

 

Hi Pramod,

1. A small request to ask if you could please remove the image you inserted above / website info. Thanks.
And next,
2. sorry but the code you have provided Did change things, but Not what was expected. I have deleted it from source.

I just don't think I can get the Home tab in the menu to behave as the other tabs do, when hovering and when clicking ?? It is a small detail, and I can go without it,
But if you have other suggestions I will listen and try them.

Thank you.

 

Hello !

I have removed above image from public view.
I this this code should work please try it once again.

Code:

#menu .ddsmoothmenu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current-cat a {
  background-color: #7da512 !important;
}

This code will make background of home green on hover and on active.

Thanks & Regards
Pramod

 

Good Day!
Thank you, this code works, There are just a few things:

I do not want it to change the drop down menu, and drop down menu items.
What do I need to add or eliminate from the code above ?

 

Hello !

I do not want it to change the drop down menu, and drop down menu items.

Please explain little bit more,You don't want drop-down menu? Or you are talking about color?


Thanks & Regards
Pramod

 

Hi !

Yes I do Not want the background green color on any of the 'drop down' menu, on hover and on selected etc. so I removed the css code that you provided.

1. green hover on the 'home' tab ( this is working )
2. white text when hover on the 'home' tab ( this is working )

I am trying to fix number 3 and number 4.

3. green background when 'home' tab page selected
4. white text when 'home' tab page is selected.

Similar to the other menu tabs that you currently see on the website.

 

Hello !

Paste the given code in custom CSS box.

Code:

#menu .ddsmoothmenu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current-cat a,#menu li.current_homepage_item a
{
  background-color: #7da512 !important;
}

Thanks & Regards
Pramod

 

Good Morning!
This code is creating background color in the drop down menu.

 

Hello Jo!

Please delete above code and use given below code

Code:

 
#menu .ddsmoothmenu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current-cat a,#menu li.current_homepage_item a
{
  background-color: #7da512 !important;
}
 
#menu li.menu-item-has-children li:hover a{
background:none !important;
}

Thanks & Regards
Pramod

 

Hi Pramod,

Okay, done. It works!

Thank you.

 

Welcome

 

Jo.