More information regarding the Google Custom Site Search can be found here: https://developers.google.com/custom-search/

Follow the steps from the guide and modify the code as described below

The following is an example script provided by Google (Does not work on ChurchDesk websites):

<script>
  (function() {
    var cx = '[INSERT_GOOGLE_CUSTOM_ID]';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<div class="gcse-search"></div>

To get it to work you will have to replace the following line:

<div class="gcse-search"></div>

with the code below:

<style type="text/css">.gsc-control-cse * { box-sizing: initial; }
  .gsc-search-button { line-height: normal; }
</style>
<div class="gcse-search"></div>

Did this answer your question?