current page and rollover menu background colors

Try using Firefox with the Firebug add-on for this kind of CSS work.
https://getfirebug.com/

That’s what I’ve been using. So weird.

you are using:
.menu ul a:hover, .menu ul li.current_page_item, .menu ul li.current_page_parent, .menu ul li.current-menu-item {

which is less specific than the original which is using:
#navigation ul a:hover, #navigation ul .current-page-item, #navigation ul .current-menu-parent, #navigation ul .current-menu-item {

(a ‘css id vs. css class’ issue)

change your styles to use #navigation instead of .menu

I will try that. Thanks.

I haven’t completely tested it, but I think it’s going to work!

@alchymyth The Sweeper:

The menu change worked beautifully in the static page on my computer but it did something wonky in WordPress. I only changed style.css. Did I need to change any html?
I don’t know code, I’m a Dreamweaver designer.
see https://annmariedavis.com/menu-test/

it should have been enough to change the code in style.css of the child theme.

it would be useful to see the ‘wonky’ state live in your site – seems that you might have broken some styles, possibly with a typing error or so (?)

there is no reason to believe that changing .menu to #navigation in these styles should have any influence on the horizontal layout of the menu.

Here it is acting wonky.
https://www.annmariedavis.com

it seems that this line does not work:

@import "portfolio-press/style.css";

– the main styles of the parent theme are missing

the right syntax could be:

@import url("../portfolio-press/style.css");

Wow! Code IS poetry. I can’t wait to get my logo up there. It’s great. Thanks.