Add custom google search in website

Go to this link to create a customized google search for your website.

https://cse.google.com/cse/

customize the size of the input text box and button

The style is like this, only need to change the dimension number to you like:

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: 13px !important;
height: 19px !important;
padding: 6px 20px !important;
}

.gsc-input-box {
border: 1px solid #D9D9D9 !important;
background: #fff !important;
height: 27px !important;
}

note that add the “!important” to override all other settings.