How to Customize the Search Results for Your Page

Once you've built your search, you'll probably want the results to match the rest of your website's layout. Our software offers several options you can use to customize the colors of your results pages. Pick the colors you would like to see for each of the different elements using the HTML Settings tab.

You can also place header and footer HTML using the appropriate tabs to insert images and text above and below the results. Just think of the search results as being inserted into the HTML by the program (since this is what happens anyway). Anything that would normally come before the HTML code for the results can be pasted into the Header HTML tab, including your head, title, and body tags. Anything that would be after the results HTML can be placed in the Footer HTML tab.

NOTE! -- Any formatting placed within the Header HTML tab will override the HTML Settings configured. We'll go over how to use this to your advantage next.

If the previous tools aren't exactly what you're looking for, then you can create your own custom styles, but you need to be a little familiar with Cascading Style Sheets (CSS). The software creates the HTML needed to display your search results with various tags, but the results will always display using the ID "results". Using CSS, you can specify different style rules to apply to this ID. The most common rules govern color choices for each element, but you can also specify a background color for the entire section, margins, and even indents.

Unfortunately due to the amount of rules available using CSS we cannot provide a comprehensive list of rules. Any style rule available to a block-level element can be applied to the ID attribute. For more information about CSS visit http://www.webmonkey.com/webmonkey/reference/stylesheet_guide/.

Rate This Article

You must be signed in to rate articles.