locked
How to make my columns entries appear in Bold in my SharePoint list RRS feed

  • Question

  • Hi,

    I have a SharePoint list and would like everything under the 'Title' column to appear in a Bold font. Please can anyone help.

    Thanks

    Monday, November 7, 2011 10:45 AM

Answers

  • Hi,

    Please add a Content Edit Web Part to the bottom of your site page, open Source Editor and type the code bellow:
    <script src="http://.../jquery-1.7.min.js" type=text/javascript></script>
    <script type="text/javascript">
    $(document).ready(function(){
                  $('A[href*="http://.../DispForm.aspx"]').each(function(i){
                            $(this).css("font-weight","bold");
     });
           });
    </script>
    Note: http://.../jquery-1.7.min.js is the route of jquery-1.7.min.js in your site. You can download it from http://blog.jquery.com/2011/11/03/jquery-1-7-released/ and upload it to your site.
    http://.../DispForm.aspx is the URL of your display form page.

    Another solution is conver the list view to XSLT web part, than modify the td style directly with following step.

    1.      Open your site page in SharePoint Designer, and convert the list to XSLT Data View.

    2.      Find the td tag the Title field placed in. Find <td width=”100%” Class=”ms-vb”> for example, change it to <td width=”100%” Class=”ms-vb” style=”font-weight: bold”>. Save your page.

    3.      Back to your site in browser, the title is in bold style.

    Thanks,
    Emir

    • Edited by Emir Liu Tuesday, November 8, 2011 10:51 AM
    • Proposed as answer by Thilosh V N Wednesday, November 9, 2011 10:36 AM
    • Marked as answer by ChadPatel Thursday, November 10, 2011 2:29 PM
    Tuesday, November 8, 2011 8:54 AM

All replies

  • What version of SharePoint are you using?

    Inline CSS via a CEWP should fix this.  You can use IE Dev Tools or FF Web Developer Extension to find the exact CSS tag.


    Steven Andrews | SharePoint Professional | http://www.twitter.com/backpackerd00d | https://baron72.wordpress.com/
    Monday, November 7, 2011 11:08 AM
    Answerer
  • Hi Steven,

    Thanks for replying, I am using MOSS 2007. 

    I am fairly new to this so can give some more details please?

    Monday, November 7, 2011 12:21 PM
  • Hi,

    Please add a Content Edit Web Part to the bottom of your site page, open Source Editor and type the code bellow:
    <script src="http://.../jquery-1.7.min.js" type=text/javascript></script>
    <script type="text/javascript">
    $(document).ready(function(){
                  $('A[href*="http://.../DispForm.aspx"]').each(function(i){
                            $(this).css("font-weight","bold");
     });
           });
    </script>
    Note: http://.../jquery-1.7.min.js is the route of jquery-1.7.min.js in your site. You can download it from http://blog.jquery.com/2011/11/03/jquery-1-7-released/ and upload it to your site.
    http://.../DispForm.aspx is the URL of your display form page.

    Another solution is conver the list view to XSLT web part, than modify the td style directly with following step.

    1.      Open your site page in SharePoint Designer, and convert the list to XSLT Data View.

    2.      Find the td tag the Title field placed in. Find <td width=”100%” Class=”ms-vb”> for example, change it to <td width=”100%” Class=”ms-vb” style=”font-weight: bold”>. Save your page.

    3.      Back to your site in browser, the title is in bold style.

    Thanks,
    Emir

    • Edited by Emir Liu Tuesday, November 8, 2011 10:51 AM
    • Proposed as answer by Thilosh V N Wednesday, November 9, 2011 10:36 AM
    • Marked as answer by ChadPatel Thursday, November 10, 2011 2:29 PM
    Tuesday, November 8, 2011 8:54 AM
  • Thanks Emir :o)
    Thursday, November 10, 2011 2:29 PM