Site “Tweaks” are explained here:

• Menu navigation on each page header is underlined on mouse hover. The code to do this is in Website => Pages => Website tools => Code Injection. This “injects” the code to underline the menu navigation items into each page’s header. Since we underline on hover we disable the active link underline to prevent double underlining; done via code in Website => Pages => Website tools => Custom CSS.

• Display a [Top] button on each page when user scrolls down past the header. The code to do this is in Website => Pages => Website tools => Code Injection. This “injects” the code for the [Top] button into each page’s header.

• The “www.foodbankgj.org/vlogin” shortcut for volunteers to use to login is created via the vlogin page. The javascript code to redirect to the VicNet login page on vlogin page load is accessed by the vlogin pages gear icon => Advanced.

• The “Uploaded files hosted in SS” folder is where we can host files like pdf’s or image’s. To host a file use “+ Add Page” in the “Uploaded files hosted in SS” folder and select create a link. Give the link a name => select the gear icon => select File and upload the file to host. Then click on the uploaded file so the tick mark is displayed and Save it. You will return to the Create Link box, the “Link” that is now shown is the URL you use to access the hosted file by adding it to the end of foodbankgj.org

• The Resources page “Food From Other Sources” page map content is loaded from an externally hosted html file. iframe’s are used to display the external html web page map within the page. The code for this is in the “Food From Other Sources” pages “Embed” block, to view/edit the code select the Embed block /*Hide popup on this page only*/pencil edit icon and click the </> icon to edit it.

• To prevent promotional pop-up’s on specific pages click the gear beside the page and select Advanced. Enter this code;

  <style>

  /*Hide popup on this page only*/

  .sqs-popup-overlay {

  display: none!important;

  }

  </style>

• To prevent the header and footer on specific pages click the gear beside the page and select Advanced. Enter this code;

  <style>

  /*No header/footer on this page only*/

  .header, footer {

  display: none !important; }

  </style>

• To prevent both header/footer and promotional pop-up’s on specific pages, enter both code sections shown above.