CSS Customization of Search Field & Button

Home Page Forums WP Google Search CSS Customization of Search Field & Button

Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author


  • #1634




    I want to change the apperance of the search field and of the button. Which CSS classes (or IDs) can I use for that?
    I’m using the widget on a bootstrap based wordpress template and per default it doesn’t look like it should be :)

    Many thanks for your Inputs





    Hi Abhijit!

    You can apply look and feel changes using Google CSE admin page. You can find screenshots about it here:

    Google Custom Search field and button contain more css elements, so I cannot write a html id or class. But if you right click on the appropriate html element in your browser and chose “Inspect element”, then you can see the html code and find the class names or ids. If you move your cursor on the html code, the corresponding html element will be highlighted in the browse.
    Sometimes it is not so simple, your site designer may help you.


Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.