Increase SharePoint 2013 Lookup Column Width

Requirement: Increase SharePoint 2013 multi-lookup field width

Solution: Use CSS styles to set lookup field width in SharePoint! Here is how:

  • Navigate to: https://your-sharepoint-site.com/Lists/Your-List/editform.aspx
  • Click on “Site Settings” gear >> Edit Page
  • Click on the “Add Web Part” link and then choose “Script Editor “from the “Media and Content” group
  • Click on “Edit Snippet” link script editor and paste the below CSS in it. Save and close the page.
<style>
.ms-formtable table.ms-long {
    width:600px !important;
}

.ms-formtable table.ms-long .ms-input>select {
    width:300px !important;
}
</style>

Before:

sharepoint lookup column width

After:
sharepoint multi lookup field width

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

6 thoughts on “Increase SharePoint 2013 Lookup Column Width

  • Just what I needed. Your code worked like magic. Thank you

    Reply
  • Note there is one typo in your code snipper,

    The line:
    .ms-formtable table.ms-long .ms-input>select {
    should be:
    .ms-formtable table.ms-long .ms-input select {

    Reply
  • thank you for this! ive been searching for DAYS! you are awesome!

    Reply
  • This solution worked for me. Thanks so much.

    Amarjit

    Reply
  • Hi!
    For me this solution works on some forms and on some it doesn’t. Ideas why?

    Reply
  • Good morning I attempted this solution and it is not working for me.

    Can you please provide more detail?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *