Any ideas on how i can have round corners for QuickLaunch SharePoint 2010. Thanks in Advance

  • 1
    Round corners on what part of the quicklaunch? Please also provide info regarding if you're using HTML5 and/or CSS3 etc.
    – user2536
    Oct 12, 2011 at 7:55
  • 1
    Also, what browsers do your users use? They are easy ways in Chrome/Firefox, and hard ways in IE.
    – Stu Pegg
    Oct 12, 2011 at 10:58
  • Browser is mainly IE. Also its reagrding to have a rounded corner look for the left navigation menu - Quicklaunch
    – naijacoder
    Oct 13, 2011 at 1:29

1 Answer 1


Add this css rule:

#s4-leftpanel-content {
  border-radius: 3px;

It works in CSS3 (Firefox, Chrome, Safari already use this), even IE9 can handle CSS3, but the default master page has directive to use IE8 mode, which doesn't understand CSS3. To override this you can set IE8 i head in your masterpage:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

But beware about some shortcomings in Sharepoint with IE=9

  • Thanks Anatoly but it doesn't work both in Firefix and IE 7+ Any ideas
    – naijacoder
    Nov 15, 2011 at 6:54
  • What Firefox version? I have used this css rule in FF4++. IE8-- won't work. Feb 20, 2012 at 11:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.