How to change the color of navbar list items when hovered

[kcubeconsulting]

I have a WPLMS site https://gisedify.com/ on hovering the courses menu in navbar, green color appears as shown in screenshot. I need to change the color to some other color https://ibb.co/NYb1CBy

[Diana]

Please use this custom css .megadrop .menu-cat_subcat .sub_cat_menu{background-color:#0000ff !important;} You can change the hex color code according to your requirement

[kcubeconsulting]

I tried applying this .megadrop .menu-cat_subcat .sub_cat_menu{background-color:#0A2B3E !important;} But i could get hovering as shown in screenshot https://ibb.co/j83bdgv. Instead i need to be like this https://ibb.co/CMWy9gn

[Diana]

.sub-menu .menu_featured img{ width:80px !important; height:80px !important; } .sub-menu, .sub-menu li:hover a, .sub_cat_menu.sub_posts_menu{ background-color:#0A2B3E !important; } http://somup.com/cYQT1tXWWz

[kcubeconsulting]

Yeah the above css worked but still there is green on hover as shown here https://ibb.co/5MgvYMP

[Diana]

Sir, If you want to change this green color to blue one. Then change it from wp-admin > Appearance > customize > Theme > Theme Primary Color So wherever this green color is applied it will be changed to your defined color

[kcubeconsulting]

The hover color got changed on changing theme primary color but still there were green text as shown below https://ibb.co/7KL5jbq

[Diana]

Try this custom css for that .block.courseitem.course4 .block_content .course_block_bottom .course_price{color:#0000ff !important;} And change the hex color code according to you

[kcubeconsulting]

Thanks. The custom css worked.

[Diana]

thanks for confirming. Closing the topic

[Author]

Posts