Change Menu and Sub menu color

Hello, here's my site. www.wptest.greencatdatadesign.com

1. I've searched the forum to get CSS to change the menu color from Green to Blue. The code I'm using is working somewhat... The problem is with the submenus... They are not showing Blue all the time. When you first visited them, they are still Green but after a submenu item is clicked, it turns Blue with a Green line at the top.... Could you help me with this?

Here's a Colorway site where I really like the menu colors and would love mine to look like this.
www.ourdailybread.us

2. another thing I need is a Password protected page... Can you help with that?
3. On my "Missionaries" page, for the List, I need the font to be bigger...

Thanks for your help

 

Hello,


1) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .sf-menu li li {
background-color: #1f4164;
}

2) For this go to the Pages > add new
There is an option at the right screen under publish section.
Check image for reference.



3) Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-wrapper ul li {
font-size: 18px;
}