WordPress Free Platform Template Theme CSS Tweaks

The following is a collection of css code snippets that can be added to the styles.css file in the Platform theme template child theme created in the blog article

How do I change the menu colors?

To change the primary nav background color

/* CSS FOR NAV BACKGROUND COLOR */
#primary-nav { background-color: #FF0000; }

/* THIS HIDES THE BORDER AT THE BOTTOM */
#nav_row.main_nav, ul.sf-menu ul li { border-bottom: 0 none; }

/* THIS MAKES THE li BACKGROUNDS TRANSPARENT */
.sf-menu li, .main_nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: transparent; }