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>