📝 Event Build - Agenda
      Back to home
      1. Insite
      2. 🎬 Build a Mini VE
      3. 📝 Event Build - Agenda

      Mini VE Agenda - Design Guide

      How to brand up your Mini VE Agenda Pages

      1. Log into the WorkCast platform
      2. Click the settings icon located at the top right handside; denoted by a cog symbol
      3. Select "Administration" from the dropdown menu
      4. Then select, "Manage Auditoriums"
      5. Find the row the template name that begins with Mini VE Aud 
        Please note it may say dark or light after "Mini VE Aud" 
      You can access the styling window by selecting the "Styling" icon against the relevant row

      Step 2: Make your specific edit

       

       

      1. Background
      2. Agenda
      3. Font
      4. Navigation

      1. Changing the background  

        1. Find the body background tag 
        2. Replace the URL with another image URL 

         --body-background: url(www.backgroundimage.com) #efefef no-repeat bottom right/cover fixed;

        3.   Remove the URL so that only the HEX code is displayed for a solid colour

            --body-background: #efefef no-repeat bottom right/cover fixed;

        4.  Click Save

        5.  Click Save on the pop up

        Changing the font color and size - Under header "Root"


            --primary-font-color: #HEX CODE;

           --paragraph-font-color: #HEX CODE;
          -- h1-large-font-size: SIZE;

        1. Primary Font Color 



        2. Paragraph Font Color 

        Navigation Menu Branding - Under header "Navigation"

         --nav-link-font-color:  #HEX CODE ; 
            --nav-item-background-color: #HEX CODE ; 
            --nav-item-background-hover-color: #HEX CODE ; 

        1. Nave Item Background
        2. Nave Item Hover - hover over the navigation tile and it changes colour.

          Agenda Table 

          /* table and agenda styling */
              --table-border-bottom: 3px solid #HEX CODE ; 
              --table-even-row-background: #HEX CODE ; 
              --table-odd-row-background: #HEX CODE ; 

          1. Table Border Bottom (red line)

          You can change the colour using HEX CODE but also increase the thickness by increasing the px number.

          2. Table Even Row Background (red rows)

          3. Table Odd Row Background (red rows)