Also is there any way to change the way the boxes/nav bar looks (ie: make it more square or add a gradient, etc)?
To change out the gradient, the best way is to look at the original theme stylesheet, copy out the relevant CSS and replace the color values. Here is the current Parament stylesheet (linked to in CSS Settings on the Appearance → Custom Design → CSS page in your blog dashboard):
https://s1.wp.com/wp-content/themes/pub/parament/style.css?m=1340741399g&minify=false
Here is an example to change the menu color gradient in the Parament theme:
#menu {
background: #070707;
background: -moz-linear-gradient( top, #384959 1%, #586e83 100% );
background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #384959 ), color-stop( 100%, #586e83 ) );
background: -webkit-linear-gradient( top, #384959 1%, #586e83 100% );
background: -o-linear-gradient( top, #384959 1%, #586e83 100% );
background: -ms-linear-gradient( top, #384959 1%, #586e83 100% );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384959', endColorstr='#586e83', GradientType=0 );
background: linear-gradient( top, #384959 1%, #586e83 100% );
border: 1px solid #444855;
}
You can switch out the color codes with different choices if you'd like. Here is a color picker you can use to get color codes:
http://automattic.github.com/Iris/
To make the menu bar more square, you can adjust the border-radius value. Here is an example:
#menu {
border-radius: 3px;
}
Add those snippets to your Appearance → Custom Design → CSS editor page and Preview to see the changes before applying them.
To change the border radius for other values, look at Parament's stylesheet and find all the places that have "border-radius", copy the selectors, and use those selectors in your Appearance → Custom Design → CSS editor with the px value adjusted.
designsimply