Change individual page title color on navigation bar

each menu item has an individual css class, corresponding to the page id:
“Free paid surveys” for instance has the css class .page-item-113;

style with:

.page-item-113 a:link { color: #123456; }
.page-item-113 a:hover { color: #654321; }

use your own color codes.

Thanks Alchymyth, but where should I place that code?

I placed it in the style.css and nothing happened.

And does your code change the title color on the menu or in the post?

Thanks again.

i see, it is green ??

you may need to relaod the page in the browser, or clear the browser cache by pressing ‘ctrl f5’ at the same time, to make the changes to style.css visible in the browser.

ps: the code should change the page name in the menu.

pps:
it also seems to be overwritten by the .current_page_item class, and possibly the :visited pseudo class;

you may need to use this in the style.css:

.page-item-113 a:link, .page-item-113 a:visited  { color: #00FF00!important; }
.page-item-113 a:hover { color: #00FF00!important; }

Thank you so much Alchymyth!

I see it now!

By the way, is there a way to change the color of the categories also, like “free paid surveys”?

Thanks again, you are very helpful!

the css class of the corresponding category link in the sidebar is .cat-item-59

the styles for this would be:

.cat-item-59 a:link, .cat-item-59 a:visited { color:#00ff00!important; }
.cat-item-59 a:hover { color:#00ff00!important; }

Thanks, really appreciated your help!