Custom CSS for Google Custom Search Engine

Eugene Retunsky picture Eugene Retunsky · May 2, 2012 · Viewed 8.4k times · Source

How can I customize CSS for Google Search Engine. Currently I use a theme:

<script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load('search', '1', 
         {language : 'en', style : google.loader.themes.ESPRESSO});
.....

But I want to change the font colors/sizes.

On the official guide https://developers.google.com/custom-search/docs/js/cselement-devguide

I see a link:

  • Modify result CSS properties - The Custom Search element uses Search Control result styles, which you can modify to change basic look and feel.

Which is broken (leads to 404). Surfing the Internet didn't bring results. Is there a way to do that?

Answer

Eugene Retunsky picture Eugene Retunsky · May 9, 2012

They just moved it under another URL but forgot to update it in their documentation:

was

https://developers.google.com/apis/websearch/docs/#StylingSearchResults

became

https://developers.google.com/web-search/docs/#StylingSearchResults