Hi there!
You can make the changes you’re after with some custom CSS.
To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)
color change for menu
You can change the menu’s background colour with the following snippet:
.site-header {
background-color: #663399;
}
You can change the value of #663399 to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values. Here’s an example of a site that I’ve used before:
https://www.color-hex.com/
The following would then be need to change the background colour of sub menu items:
@media screen and (min-width: 768px) {
.main-navigation ul ul {
background-color: #663399;
}
}
link
I assume you’re referring to the links inside your menu here? If so, the following will change the default colour of links insider your menu:
.main-navigation a {
color: #663399;
}
As before, change the HEX code to any of your choice.
The following snippet then controls the colour of the links on hover:
.main-navigation a:hover, .main-navigation ul >:hover > a, .main-navigation ul > .focus > a {
color: #663399;
}
post title color but not for front page title color
You would need to first set the title that appears on your home page to white in your custom CSS and then create a new rule for titles on all other pages of your site:
.home .site-title a {
color: #fff;
}
.site-title a {
color: #663399;
}
In the above, change only the second HEX code to the colour you wish the title to appear all pages (apart from the home page).
I based the above custom CSS on the theme’s demo site. If it doesn’t work as intended on your site, please share a link in your next reply so that I can take a look. CSS can vary from site to site.
Thanks!