It also helps if you know something about CSS specificity so you can write rules which override existing ones.
For example, if you learned how to use DevTools, then you would see that the footer background color currently has a value of rgba(7,15,20,0.98) (not quite black, but close), and the rule affects the background color has a selector that includes the class site-footer, so all you would need to do to change the background of the footer is to add a rule to your custom CSS (Appearance → Customize → Additional CSS) like this:
.site-footer {
background-color: rgba(0, 200, 255, 1);
}
This sets the background color to a turquoise color that sort of matches the background of that featured image.
The menu takes its background color from the sidebar, but it’s not hard to write a custom rule that changes just the menu background color. Let us know what colors and font styles you really want and we’ll see if we can come up with a few rules.
]]>