All about Branding & Customizations in SharePoint

QuickLaunch Menu in SPD2010

Can anyone tell me how to increase the width of the quicklaunch container in Sharepoint Designer 2010, the default is set at 155px but I want to increase the width of this to something like 250px

How is this achieved?

▶ Reply to This

Replies to This Discussion

Permalink Reply by Christian Ståhl on April 3, 2011 at 9:12pm

Hi Consessa, you can use the IE dev toolbar (F12) to track down the proper CSS selector. It the s4-ca class that set the width, so you can overwrite this class and put it into a custom Css file:

body #s4-leftpanel { width:255px; } .s4-ca { margin-left:255px; }

I have wrote about this class in a previous blog, how to remove the quick launch: http://chrisstahl.wordpress.com/2010/03/15/hide-the-quick-launch-in...
and you can read more about branding the Quick launch in another blog i wrote:
http://chrisstahl.wordpress.com/2012/03/27/branding-the-quick-launc...
/ C