How to access the markup in a sharepoint 2013 list

Question

Hello,
I would like to try word wrapping my column headers and try changing the column width in a list. How to I access the markup (html)? I do have Sharepoint Designer 2013 installed but I am not too familiar with it.
Also, Is there any way to add a block of text to a sharepoint list page explaining the list and how to use it?
Thanks!
Natalie

Answer 1

Hi Natalie,
According to your post, my understanding is that you want to make list column header word wrapping, change the columns’ width in a list and add a block of text to describe this list.
I recommend that you can follow the steps as below to implement it in your environment.
  1.  Open your site in SharePoint Designer 2013, click on “Lists and Libraries” in the Left Navigation, click on the list which you want to modify.
  2.  Right-click the “All Items” view of this list, select the “Edit File in Advanced Mode” option,  add the following code under the <asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server"> tag, and save
the changes of the file.
<style type= "text/css">
.ms-vh, .ms-vh2, .ms-vh a, .ms-vh2 a
width: 30px;
white-space: normal;
text-align:center;
vertical-align:text-bottom;
color:red;
</style>
  3.  Open this list in your site, go to “List Settings”, click on “List name, description and navigation”, add some descriptions like “This is a test list~!”, and click on the “Save” button.
Then, you can go back to this list, and you will see the corresponding descriptions in a text box when you click on the “?” icon next to this list name.
The result is show as below:
For more information, you can refer to:
http://blog.pentalogic.net/2011/06/word-wrapping-sharepoint-list-column-headers/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+pentalogic+%28Pentalogic+Technology+-+SharePoint+Blog%29
Best Regards,
Yumi Fu