• All PAGES, FOLDERS, GALLERIES, INDEXES, etc. housed under "MAIN NAVIGATION" will appear on the Top Menu Bar. Anything housed under "SECONDARY NAVIGATION," will appear on the Footer Menu area. 

  • Anything housed underneath "NOT LINKED" does NOT appear on either of the (header/footer) menu bars. This is to keep the Menu bars streamlined and uncluttered.

  • FOLDERS = Drop-down menus on the Menu Bar

    • does NOT support Folders within Folders; so no sub-categories, which is unfortunate.

  • INDEXES are finicky things; they end up making a very, very, very, very long singular webpage because it stacks all the Pages filed under it one-after-the-other so that it is one long connected vertical page—and ALL the content on those pages will be shown. (Therefore, it might create the feeling of an infinitely scrolling blog/feed rather than a website page.) [It would be superlative/excellent if Gallery pages could be placed under an INDEX to create a more streamline GALLERY page, but as of 2017, INDEXES can only handle regular pages.)


  • To place a Banner on the top of a page, upload a Image/Video in the "Media" tab on the page's Settings. This creates an interesting visual preview of the event that the page will be describing.

  • You can make the Banner show a Slideshow of images (like on the HOME page). Read here.

    • For the Slideshow Banner to work, it MUST be the FIRST block on the Page.

    • To put a Text overlay on top of an image in a Slideshow Banner, you MUST put the text INTO the description box of the Image. 


The TEXT OVERLAY comes from the Image Description, NOT the Image Title

Uploading an Image here will create a Page Banner of a single image.

  • NOTE ABOUT BANNERS (Normal banners & Slideshow Banners): For a Button to appear at the bottom, the Hyperlinked Text must be the very last thing in the Image Description. If the Button isn't appearing (and looks like underlined/hyperlinked text instead), go back to the Image Description & make sure there isn't an extra blank line below it. Sometimes I'd hit Enter, wouldn't realise it then have to delete it.


  • There are FOUR (4) different ways text can be displayed on this website theme/template:

    • Normal

    • Heading 1

    • Heading 2

    • Heading 3

    • Quote
  • As you can see, most of the copy text on this website is displayed with "Heading 2" because it is more easily readable than text set using "Normal," which is too large for paragraph text. (The font style, text size, line spacing, letter spacing, text color, etc. for any of these text styles can be modified under DESIGN > Style Editor)


  1. Create a New Event on the Event blog entitled "UPCOMING EVENTS & PERFORMANCES" (which is housed under "SECONDARY NAVIGATION")

  • On, the posts made on a Blog can be summarized and shown in different areas of the website using one of their SUMMARY blocks. Whenever a new post is added to the Blog, it will update across the Site and even on the Calendar because it's linked to the blog's feed. The HOME page of the website has a SUMMARY block & looks like this:

  • Each POST for an event must have:

    • A EVENT POST TITLE, an interesting IMAGE (that links to the Event's official webpage), a DESCRIPTION of the event, a BUTTON that links to where people can buy tickets (and when the even has passed, change the text & link so that it directs to view photos from the event), and the EVENT DATE & TIME.

    • Include CATEGORIES and TAG (important!). Make sure you do this! Some parts of the website have SUMMARY blocks that filter content through Categories or Tags. For example, on the GALAS HOME page, there is a SUMMARY block that shows all Event posts with the Category "Galas" in it.

2. When you add photos to the website for any event, make sure you also add them to the GALLERY page (here). This is essentially a photo archive.


  • If you want to HIDE the (left) sidebar from a specific page (like what I've done for the "PRESS" and "CALENDAR" pages versus any page under "PRODUCTIONS" which has a long sidebar), place this code into the Page Settings > Advanced Tab > Header Code Injection:

    • <style>
       #folderNav {display:none;}
       #content {width:100% !important;}

This website uses the template HAYDEN (as of 8.5.2017).