Search

Google Custom Search

  • Place Google Custom code into embed media widget
  • Place EM widget into layout
  • Also in Layout view, place OS Search widget below GCS widget
  • Add the CSS
    Add the following to the stylesheet:

    <style>
    .gcsc-find-more-on-google-magnifier {
        fill: #215990;
    }
    .gcsc-find-more-on-google {
        color: #215990;
    }
    .googlesearch .gs-webResult.gs-result a.gs-title:link b, .googlesearch .gs-webResult.gs-result a.gs-title:link {
        color: #215990...

Read more about Google Custom Search

Search box in menu effect

*This technique is not accessible and should not be used

Step 1: Add a menu item, menu heading only called Search and with tooltip named Site Search and place it at the bottom of the Perimary Menu list.

Step 2: In Layout, add Search box widget

Step 3: Create EM widget and add the following script via edit:

 

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
jQuery(document).ready(function() {


// TOGGLES THE SEARCH...

Read more about Search box in menu effect