<commit_before>---
permalink: /manual/look-feel.html
layout: post
title: "How to Customize the Look and Feel of Your Results Page"
tags: how-to user-interface
---
[USASearch](http://usasearch.howto.gov) > [Admin Center](http://search.usa.gov/affiliates/home) > YourSite > Look and Feel

<p><strong>Page Title</strong></p>
<p>The default page title is <em>{Query} - {SiteName} Search Results</em>. This title includes parameters for the searcher's query term and the site name you provide on the <a href="/manual/site-information.html">Site Information</a> page in the [Admin Center](http://search.usa.gov/affiliates/home).</p>
<p>See the sample results page below for a search for <em>everglades</em> on Broward County's <a href="http://www.broward.org">website</a>.</p>
<p><img src="http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m1501uNn6v1qid15q.png"/></p>
<p>You can change the default page title by deleting the text and entering your preferred title.</p>
<p><strong>Favicon</strong></p>
<p>Provide the URL for your agency's favicon. (A favicon, short for favorites icon, is the small image associated with your website.)</p>
<p><img src="http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m153f7849k1qid15q.png"/></p>
<p><strong>Font</strong></p>
<p>Select your preferred font family.</p>
<p><strong>Borders</strong></p>
<p>Select the option, Add Top Padding, to add some padding above your search results. If you don't select the option, the results will be flush against the top of the browser window.</p>
<p><em>With Add Top Padding Selected</em></p>
<p><img src="http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m155jwTEf01qid15q.png"/></p>
<p>Select the option, Add Drop Shadow, to display a drop shadow around the main content of your results page. If you don't select the option, no drop shadow will appear.</p>
<p><em>With Add Drop Shadow Selected</em></p>
<p><em><img src="http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m158px2uvj1qid15q.png"/></em></p>
<p><strong>Theme</strong></p>
<p>Select a predefined theme by clicking on its radio button. Customize a theme by clicking on its 'Customize' button.</p>
<p>Customize the color of any page element by clicking on the color picker text field. Enter a valid three- or six-digit hex value or pick a color by dragging the cross-hair icon <img alt="crosshair icon" src="http://search.usa.gov/javascripts/jscolor/cross.gif?1332168483"/> inside the color picker window. Drag the triangle icon <img alt="arrow icon" src="http://search.usa.gov/javascripts/jscolor/arrow.gif?1332168483"/> to control the color saturation. When you are done, click anywhere outside the color picker window.</p>
<p><strong>Background Image</strong></p>
<p>Use the Browse… option to upload the logo or image that you'd like to appear in the background of your page, if any. Click on the option, Mark page background image for deletion, to delete an uploaded image.</p>
<p>Use the drop-down menu to select a repeat option.</p>
<ul><li>not repeat</li>
<li>repeat (both horizontally and vertically)</li>
<li>repeat-x (horizontally, left to right)</li>
<li>repeat-y (vertically, top to bottom)</li>
</ul><blockquote>
<p><strong><em>Did you know?</em> </strong>We offer results through our Search Data API, if you'd like to create mash-ups or have complete control of the look and feel of your search results pages. You can access the API by clicking on the option in the left-hand menu in the Admin Center.</p>
</blockquote><commit_msg>Fixed layout on Look and Feel<commit_after>---
permalink: /manual/look-feel.html
layout: post
title: "How to Customize the Look and Feel of Your Results Page"
tags: how-to user-interface
---
[USASearch](http://usasearch.howto.gov) > [Admin Center](http://search.usa.gov/affiliates/home) > YourSite > Look and Feel

## Page Title

The default page title is *{Query} - {SiteName} Search Results*. This title includes parameters for the searcher's query term and the site name you provide on the <a href="/manual/site-information.html">Site Information</a> page in the [Admin Center](http://search.usa.gov/affiliates/home). 

You can change the default page title by deleting the text and entering your preferred title.

See the sample results page below for a search for *everglades* on Broward County's <a href="http://www.broward.org">website</a>.

![Page title on Broward.org](http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m1501uNn6v1qid15q.png)

## Favicon

Provide the URL for your agency's favicon. (A favicon, short for favorites icon, is the small image associated with your website.)

![Favicon on Broward.org](http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m153f7849k1qid15q.png)

## Font

Select your preferred font family.

## Borders

Select the option, Add Top Padding, to add some padding above your search results. If you don't select the option, the results will be flush against the top of the browser window.

![With Add Top Padding Selected](http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m155jwTEf01qid15q.png)  
*With Add Top Padding Selected*

Select the option, Add Drop Shadow, to display a drop shadow around the main content of your results page. If you don't select the option, no drop shadow will appear.

![With Add Drop Shadow Selected](http://f22818b4dfc10241d8a3-f1564c64756a8cfee25b6b19953b1d23.r31.cf2.rackcdn.com/tumblr_m158px2uvj1qid15q.png)  
*With Add Drop Shadow Selected*

## Theme

Select a predefined theme by clicking on its radio button. Customize a theme by clicking on its 'Customize' button.

Customize the color of any page element by clicking on the color picker text field. Enter a valid three- or six-digit hex value or pick a color by dragging the cross-hair icon <img alt="crosshair icon" src="http://search.usa.gov/javascripts/jscolor/cross.gif?1332168483"/> inside the color picker window. Drag the triangle icon <img alt="arrow icon" src="http://search.usa.gov/javascripts/jscolor/arrow.gif?1332168483"/> to control the color saturation. When you are done, click anywhere outside the color picker window.

## Background Image

Use the Browse... option to upload the logo or image that you'd like to appear in the background of your page, if any. Click on the option, Mark page background image for deletion, to delete an uploaded image.

Use the drop-down menu to select a repeat option.

* not repeat
* repeat (both horizontally and vertically)
* repeat-x (horizontally, left to right)
* repeat-y (vertically, top to bottom)

---

***Did you know?*** We offer results through our [Search Data API](/manual/api.html), if you'd like to create mash-ups or have complete control of the look and feel of your search results pages. You can access the API by clicking on the option in the left-hand menu in the Admin Center.
{'fraction_non_alphanumeric': 0.10777334851936218, 'fraction_numerical': 0.05694760820045558, 'mean_word_length': 4.963497453310696, 'pattern_counts': {'":': 0, '<': 105, '<?xml version=': 0, '>': 111, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6934559', 'n_tokens_mistral': 2531, 'n_tokens_neox': 2246, 'n_words': 823}