Friday, December 17, 2010

People Search WebPart Small Font Fix

Here is the CSS to add by throwing the content editor web part or through attaching your own custom style sheet
.s4-search INPUT.ms-sbplain
{
border-bottom: #e3e3e3 1px solid;
border-left: #e3e3e3 1px solid;
padding-bottom: 0px;
padding-left: 3px;
width: 191px !important;
padding-right: 3px;
background: url(/_layouts/images/bgximg.png) #fff repeat-x 0px -511px;
height: 17px;
font-size: 13px;border-top: #e3e3e3 1px solid;
border-right: #e3e3e3 1px solid;
padding-top: 2px;
}
 Before



After







Note: If you just grab and implement font-size, SharePoint always try to over write with default search style sheet

8 comments:

Anonymous said...

Can you explain exactly how to accomplish this?

Anonymous said...

edit the page then click add a webpart choose content editor webpart, then through your code from xhtml (top menu option, you see this option when you choose/select content webpart); 2nd you can go to site setting>> look and feel>>master page >> last option attaching your own .CSS file; 3rd update the master page

Anonymous said...

Awesome, thanks for the reply!

Anonymous said...

I need this solution, but I don't understand what you do with the Content Editor Web Part.

Essentie said...

And what about search parameters css? I mean the link that opens the search parameters (surname, name etc.) The font is small too=(

Anonymous said...

To use this code in a Content Editor Web Part add the CSS tag..

See this site: http://www.w3schools.com/css/css_howto.asp

Section: Internal Style Sheet

Thanks Raja for the useful post!!

Unknown said...

Hmm, now this fix does not work in IE9, the custom css is ignored and over-ridden by dynamic CSS.

Any ideas?

Anonymous said...

Hi I was searching for the blogs for many times, now I have reached at the right place.www.searchpeopleusa.net