Search code examples
csssharepointweb-parts

Sharepoint webpart and overiding the css style


Have a look at this picture

alt text http://www.abbeylegal.com/downloads/2009-04-01/web%20part%20top%20line.jpg

Does anyone know what css style is used for the line/border highlighted in red? I'm trying to over ride it in my custom style sheet but I’m not having any luck, so far I’ve tried overiding these different styles...

.ms-viewheadertr
.ms-vh2
.ms-vb
.ms-vb2
.ms-unselectedtitle
.ms-summarystandardbody

which is changing the display but not the border, it's enough to make you go mad!

Update:

.ms-WPHeader is indeed one of the css classes, however if you set the border-style to none there is still a line that appears; just a little thinner. I can use .ms-viewheadertr to completely remove the header but just can't seem remove this one line.


Solution

  • I work intensively on customising sharepoint UI. So i know for sure that the class you should be looking at is the following:

    *.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,.ms-viewheadertr .ms-vh-group,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-ph,.ms-pickerresultheadertr{
    background-image:url("/_layouts/images/viewheadergrad.gif");
    background-repeat:repeat-x;
    padding-top:1px;
    padding-bottom:0px;
    background-color:#f2f2f2;
    }*
    

    You should remove the image reference in the background-image property like so:

    *background-image:url("");*
    

    That will remove the dark greyish line on top.

    Happy Customising!!!