First things first, I am not saying that this is the right way to achieve this but it worked for me so I thought I’d document it.
Grab yourself a copy of jquery.corners from here and upload it to where ever you are keeping your customisations.
Also be sure to follow this guy on twitter: Mike Alsup
In this example I have a folder in Style Library with the following structure:
- Style Library/SiteCustomisations
Okay, so make sure you have links in your Master Page to the jquery plugin and the jquery.corners plugin you have just uploaded. I like to link to an external copy of jquery.min for ease.
The two lines above can go between the
<head></head> tags in your Master Page.
Just after these two links copy and paste the script below.
You will notice that the script references the #s4-leftpannel id. This is the id of the div that surrounds the quick launch. Now save, publish/approve your master page and look at the results.
Once the corners were sorted I needed to apply some custom CSS to the quick launch so it matched our brand. Here is what I used and the end result. (Again, this may not be the right/preferred way but it works for me.)
margin:15px 0px 0px 0px;
border-top: 0px !important;
color: #404040 !important;
Here is the end result: