|Overview of the Simple Search Configuration Tool Pane
Modifying the default Styles for Search Results
On the Look and Feel Settings page accessed from the Preferences section of the Web Part Settings, click Modify CSS to access the style sheet for this instance of the web part.
Save the default style sheet to your local PC before making any changes.
Default Search Results display styles are shown below. They do not inherit the styles of the site, so it may be necessary to modify the styles in your implementation.
Different classes are associated with each area of the results display:
This class defines the general style of the results table.
This class controls the style for Header row of the results list.
This class controls the style for the even numbered rows in the results list.
This class controls the style for the odd numbered rows in the results list. These rows have a white background by default.
This class controls the style for the footer row of the results list. This is the row that shows that page navigation.
The table below shows examples of common changes possible for Search Results. Additional examples may also be possible.
|Change the color scheme from blue to green.
Make these changes:
The result looks like this:
Check this video to see a change being made.