Solved

How do I style the Google Custom Site Search box when using ajax?

Posted on 2010-08-20
3
370 Views
Last Modified: 2013-12-09

I have managed to get my Google Custom Site Search working using ajax but I'd like to style the search boxes like you can do when you use the iframe version through the Google Custom Site Search Control Panel.

My Test pages are here - this is my search box:

http://www.guitarforbeginners.com/search_first.html -

the results page is here:
http://www.guitarforbeginners.com/search_results.html?q=test

How can I style the search box when I am using ajax.

Also, can the search box be styled on the results page as well? I don't like the way it stretches all the way across the page.

Thanks for any help
0
Comment
Question by:tamborinegal
  • 2
3 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 33491300
0
 

Author Comment

by:tamborinegal
ID: 33494978
Thank you, yes it did help.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 33495074
You're welcome! Thanks for the points!
0

Featured Post

How our DevOps Teams Maximize Uptime

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us. Read the use case whitepaper.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question