How To Change Navigation Hover Indicator

[spencerbrasfield 0]

How to I change the hover indicator (not sure what to call it) from being a block to another design? Ultimately, I'd like it to look more like an underline rather than a block. Of course, I want the active page to be underlined with a slightly different color than the other pages I am hovering over. Thank you.

[kastelic 6]

Something like:

	main-nav li a:hover {
	background: transparent !important;
	border-bottom: 1px solid blue;
	}
	

Also need to add a padding or height rule to adjust it 1 px less to compensate for the extra border.

[spencerbrasfield 0]

Where should I insert this code? Custom CSS section? Php file? Thanks.

[kastelic 6]

Custom Code -> Custom CSS or if you have the base child theme activated you can put it it platformbase/style.css