Nav Action Button change link hover color (Bedford does not have this in design)

Site URL: http://www.traininglab.com.au

Hi 

Appreciate help.  The Nav Button on Beford template is automatically displaying white text on yellow background for the hover font.  There is no option in Design to change the hover link font color only the a link color.  It is very hard to read the white on yellow background on the button hover.  I want the yellow color for the action button but need to change the text color to black font on the hover.  What is the CSS to do this on the Bedford template.  It is also really bad for accessibility too as can't be read.

It is strange if I change the Design Nav Button color to white it will have black automatically as the link hover color on the nav button but when I change it to the yellow it changes the link hover font to white.  

Thanks in advance. 

Cheers

Corinne.  

Hi Corinne @CoriOz

Add this to Design > Custom CSS:

.nav-button-style-outline.enable-nav-button #headerNav nav>div:not(.folder):last-child a:hover {
  color: #181818;
}

Hi Pual

Thank you so much, that worked excellent and it looks good.  Appreciate you getting back to me so quick.  

Best regards

Corinne