Skip to Main Content

Virtual Only Website/LibGuide Changes


LibGuides Changes

Alter LibGuides Template to add Special Alert Banner

  • In Groups-> Look & Feel and Layout Section
    • Library Guides
      • Added Banner to these four Customized Guide Templates
        • 1 Column w/ Profile
        • 1 Column w/0 Profile
        • 2 Columns w/ Profile
        • 2 Columns w/o Profile
      • Added the following Code
        • <div id="campus-alert">
            <div class="container">
              <span class="message lead">
                <div class="alert alert-message alert-dismissible" role="alert">
                  <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="color:#fff;">
                    <span aria-hidden="true">×</span>
                  </button>
                  <strong>
                      <i class="fa fa-exclamation-circle fa-lg" aria-hidden="true"></i>Library Updates:
                      <span class="sr-only"></span>
                  </strong> 
                      
              
                  For the most up to date information about the ongoing changes to OSU Library services caused by COVID-19, visit <a href="http://library.okstate.edu/coronavirus" >library.okstate.edu/coronavirus.</a>   
               </small>

                  </div>
                </span>
            </div>
          </div
          >

      • Canvas Group

        • Added Banner to Canvas Template

        • Code

          • <div id="campus-alert" style="background: red">
              <div class="container">
                <span class="message lead" style="color: #ffff; font-size: 22px; "a:color: #ffff; ">
                  <div class="alert alert-message alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close" style="color:#fff;">
                      <span aria-hidden="true">×</span>
                    </button>
                    <strong>
                        <i class="fa fa-exclamation-circle fa-lg" aria-hidden="true"></i>Library Updates:
                        <span class="sr-only"></span>
                    </strong> 

                    For the most up to date information about the ongoing changes to OSU Library services caused by COVID-19, visit <a href="http://library.okstate.edu/coronavirus"  style="color: #fff;">library.okstate.edu/coronavirus.</a>   
                 </small>

                    </div>
                  </span>
              </div>
            </div>

            ​​