Homepage Quotes

 
 

While logged in, click the edit button in the top left corner of the site. 


 

The quote area should now show all the quotes in one list. Mouseover this and click Edit from the new popup navigation. 


The code edit block should appear. This is how you edit or add quotes. Each quote will look like this:

    <div class="slide">
        <div class="testimonials-carousel-content">
          “This is where the quote text goes”
        </div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Source Name
            </div>
        </div>

The black text is what displays on the live site so only edit that text. The green and blue text are the code that makes it work. You shouldn't make changes to this.


 

If you scroll down the code you will see a space for adding new quotes. You can copy and paste the code above into that area and then change the black text to the quote and source. 


Make sure to save the code and then save the page (in the top left). You may need to reload the page or log out to see the changes.


Quote Backup

If you make any changes that make the quote slideshow not work, you can replace the code with the original below. Then you can make any changes again.

<div class="testimonials-slider">
<!-- Start Quote Section -->
  
    <div class="slide">
        <div class="testimonials-carousel-content">
          “…a giant leap forward in shifting public
          perception…”</div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Ari Ne’eman, Co-Founder, 
              Autistic Self Advocacy Network
            </div>
        </div>
    </div>
    
    <div class="slide">
        <div class="testimonials-carousel-content">
          “…best film on autism I’ve ever seen.”
        </div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Brent White, Adult Transition Director, 
              Ala Costa Centers
            </div>
        </div>
    </div>

    <div class="slide">
        <div class="testimonials-carousel-content">
          “In 40 years, I have seen nothing to top it…”
        </div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Dr. Anne M. Donnellan, Founder, 
              University of San Diego Autism Institute
            </div>
        </div>
    </div>

    <div class="slide">
        <div class="testimonials-carousel-content">
          “I believe this film will change the world.”</div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Stephen A. Kuusisto, Author, Planet of the Blind
            </div>
        </div>
    </div>
    
    <div class="slide">
        <div class="testimonials-carousel-content">
          “DJ’s words rise up in a powerful, poetic voice…”
        </div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Kirsten Haugen, World Forum Foundation 
              on Early Care and Education
            </div>
        </div>
    </div>

    <div class="slide">
        <div class="testimonials-carousel-content">
          “Deej is breaking new ground, and I am so grateful…”
        </div>
        <div class="testimonials-carousel-context">
            <div class="testimonials-name">
              – Emily Titon, Autistic, Member, Autism Women’s Network
            </div>
        </div>
    </div>
<!-- Put New Quotes BELOW This Line -->
  
  
  
<!-- Put New Quotes ABOVE This Line -->  
</div>
<!-- Don't Edit anything below this line -->
<style>
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-carousel-content{ font-size: 120%; text-align: right; font-weight: 500;}
.bx-wrapper .testimonials-name{ font-size: 90%; text-align: right; margin-top: 15px; margin-bottom: 15px; font-weight:300;}
.bx-wrapper {position: relative;margin: 30px auto;padding: 0;width:100%;*zoom: 1;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {display: none;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-next {display: none;}
.bx-wrapper .bx-prev {display: none;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 0;margin-top: 0;margin-right: 0px;outline: 0;width: 30px;height: 30px;text-indent: -9999px;z-index: 9999;}
</style>