Change the look and feel of your search engine

You can customize the look and feel of your search box and the results to match your site's layout and design. You have options to select a layout, chose or make your own theme, and disable or enable thumbnails in search results.

---

Choose a layout for your search engine:

1. From the list of search engines, select the search engine you want to edit.
2. Under the Look and Feel section of the menu on the left click the Layout tab.
3. Select the layout you'd like to use for your search engine. You can choose from 8 layouts for your search results to either overlay over the page, open on a separate page, open in a different column, and more.
   Note: Anytime you change the layout of your search engine, you must update the code snippet for any changes to appear. If you select a layout that separates the search box and results, you'll get two snippets of code: one for the box and one for the results. Make sure you put each where you want that element to go. Also, its visa-versa when you change from a single snippet of code to combined snippets of code. You need to change the code to match your layout. 
4. Click the blue Get Code box. Then copy the code to paste into your site, replacing the existing code snippet.

---

 

---

To use a premade theme for your search engine:

1. From the list of search engines, select the search engine you want to edit.
2.  Under the Look and Feel section of the menu on the left click the Themes tab.
3. Select the Theme you want to use from the drop down list. You can preview them in the box below.
4. Click Save to publish the changes.
5. You can also click Reset to go back to the last saved theme.

---

 

---

If none of the premade themes suit your site, you can customize each component of your search engine manually.

1. Under the Look and Feel section of the menu on the left click the Customize tab.
2. Select the element you want to customize under "Search element", "Search result", and "Promotion"
3. Choose the font, border color, and background color for that element.
4. Click Save to publish any changes.
5. You can also click Cancel to remove all unsaved customized changes.

Customize by adding a logo

1. Under the Look and Feel section of the menu on the left click the Customize tab.
2. Select Logo under "Hosted page".
3. You can add either a logo image URL or a logo link and then modify the logo height.
4. Click Save to publish any changes.
5. You can also click Cancel to remove the unsaved changes.

Enable or disable thumbnails in search results

1. Under the Look and Feel section of the menu on the left click the Thumbnails tab.
2. Click the button to turn thumbnails On or Off.
3. Selection will automatically save.