There are many ways to override a CSS class in SharePoint. However, the way i’m going to talk about is, i believe the easiest way when there are a few css classes you want to quickly override and achieve the kind of look and feel you want.
First find which CSS classes you want to modify, here is a link to CSS reference chart for sharepoint 2007
http://www.heathersolomon.com/content/sp07cssreference.htm
In my example below, i will be overriding the srch-paging and srch-stats classes to modify the back groud color for search paging and search statistics web parts commanly used in Sharepoint Search centers. Here are steps:
- Drop a content editor webpart on the results.aspx page of your Search center.
- On the property pane, open the source editor for the webpart.
- Insert inline styles as given below and save.
<style>
.srch-stats{
background-color: red !important;
white-space:normal !important;
}
.srch-Page{
background-color: #000000 !important;
}
</style>
- Set the content editor webpart chrometype to none as you don’t want anything of this webpart to be displayed on the page.
