Drop Down Menu Font Colour. When CSS box open it works, then it doesn't

Site URL: https://oichiferments.co.uk/

Hi there.

New to coding and I had added some code for the home page changing the drop down menus (in the flavour section) to white. This has worked perfectly, HOWEVER...

I then created the online shop. This is currently password protected while I finish it, and while the colour of the markdown block has remained consistent with the home page, for some reason the font is now black.

When I open the design page and CSS block, all the font suddenly switches to white, but when I come out of the page is then returns to black.

Is this something to do with the code? or the fact the page is locked and hidden. Its strange the background colour has worked but not the font.

Code used:

.markdown-block h2 {
font-size: 20px;
background: hsl(169.7, 38%, 63.9%);
color: #FFFFFF;margin: 20px 0px;
}

.dropdown {
margin: 20px 0px;
}

Warmest regards Victoria

try adding !important;

eg: font-size: 20px !important;