Live search widget doesn't appear formatted

Hi Paul,

Can you post a screenshot of formatting problems you're seeing?

The search widget doesn't have a ton of formatting to begin with. It's supposed to pick up on the style of your site. We do allow you to embed the CSS if you'd like to change the style.

This is the default style of the widget.

I can't, my computer has a problem which I haven't been able to resolve preventing me from adding/uploading files through my browser.

That said, I've put it back up on the site so you can see it; please let me know when you do so I can remove it:
http://www.obrienstore.com/shop/

It is below the shirts

The search widget is being defined by the styles on your site. So the way to override that is to include the widget with the CSS.


<style type="text/css"> div#gsfn_search_widget img { border: none; }
div#gsfn_search_widget { font-size: 12px; width: 280px; border: 6px solid #DDD; padding: 10px;}
div#gsfn_search_widget a.widget_title { color: #000; display: block; margin-bottom: 10px; font-weight: bold; }
div#gsfn_search_widget .powered_by { margin-top: 8px; padding-top: 8px; border-top: 1px solid #DDD; }
div#gsfn_search_widget .powered_by a { color: #333; font-size: 90%; }
div#gsfn_search_widget form { margin-bottom: 8px; }
div#gsfn_search_widget form label { margin-bottom: 5px; display: block; }
div#gsfn_search_widget form #gsfn_search_query { width: 60%; }
div#gsfn_search_widget div.gsfn_content { }
div#gsfn_search_widget div.gsfn_content li { text-align:left; margin-bottom:6px; }
div#gsfn_search_widget div.gsfn_content a.gsfn_link { line-height: 1; }
div#gsfn_search_widget div.gsfn_content span.time { font-size: 90%; padding-left: 3px; }
div#gsfn_search_widget div.gsfn_content p.gsfn_summary { margin-top: 2px }
</style>


Works, Thanks!