How to make a text hover for a sidebar menu text when its linked page is open

maybe something like this in custom css

#right-sidebar .widget a:visited { color:#999 !important; }

Thank you Richie for your quick reply. But it doesn’t work. The menu text of the visited page on the sidebar remains the same; it doesn’t change at all. Do you have any other ideas?

don’t know, its working in my end???

There must be something wrong in my part. Here is my website: https://ubueng.net/

Here is my custom CSS

#post-entry article.post-single h1.post-title, h1.folio {
font-size: 1.6em;
}
#custom #post-entry .post-content a { color:#d54e21 }
body.page h1.post-title { text-decoration:underline; }
#right-sidebar .widget a { color:#d54e21 }
#right-sidebar .widget a { text-decoration:underline; }
#right-sidebar .widget a:visited { color:#d54e21 !important; } —-> does not work.

the link and visited link had the same hex color. try different color for already visited link.

I used to the different hex colors for the link and the visited link, but the results are as follows:

#right-sidebar .widget a { color:#d54e21 } —>> The hex color:#d54e2 does not work, but color:#2085c9 in the visited link does.
#right-sidebar .widget a { text-decoration:underline; }
#right-sidebar .widget a:visited { color:#2085c9 !important; } — >>the visited link remains the same as other links on the same sidebar.

Probably, it doesn’t work because I used “Custom Sidebars” to create sidebar menus. However, why do these two work?

#right-sidebar .widget a { color:#d54e21 }
#right-sidebar .widget a { text-decoration:underline; }

i didn’t see the visited css code in your site.

#right-sidebar .widget a:visited { color:#2085c9 !important; }

did you add them in customizer->general->custom css?

I removed it after I found out that it didn’t work. #right-sidebar .widget a:visited { color:#2085c9 !important; } did not work in my site. What should I do?

try add it back so i can debug or check it on my side.

seem working in my end.
https://postimg.org/image/axodl1z45/

It seems that it works with Opera, but does not work with Google Chrome. However, problems still persist. You can see the graphic below. The previously visited link colors have remained the same although the currently visited link is in use. Thank you for great support and patience.

https://postimg.org/image/4otzyktdn/

make sure to clear your cache after save settings.
again i still didn’t see the visited css code in page
//ubueng.net/lesson-1-genre-of-discussion/

The visited css code was added. Here are codes added in my custom css:

#post-entry article.post-single h1.post-title, h1.folio {
font-size: 1.9em;
}
#custom #post-entry .post-content a { color:#d54e21 }
body.page h1.post-title { text-decoration:underline; }
#right-sidebar .widget a { color:#d54e21; text-decoration:underline; }
#right-sidebar .widget a:visited { color:#2085c9 !important; }

But I was still unable to solve the problem. Of course, the cache was cleared after the saving. You may want to see my site again after the visited css code has been added. https://www.ubueng.net