En mi proyecto estoy usando el complemento slick slider (http://kenwheeler.github.io/slick/ ) Me preguntaba si es posible reposicionar puntos resbaladizos. Por defecto, se muestran debajo del contenedor div para el que se aplica el deslizador deslizante. Lo que quiero lograr aquí es poner puntos resbaladizos dentro de los bloques div deslizantes. No tuve ningún problema para lograr esto con flechas, ya que puedo referirme a ellas con nombres de clase personalizados.
Mi html se ve así:

<div class="slider-fade">
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
 <div>
  <div class="text-box">
   <h2>Lorem ipsum</h2>
   ...additional text
  </div>
 </div>
</div>

Mi configuración de JS se ve así:

$('.slider-fade').slick({
 autoplay: true,
 autoplaySpeed: 3000,
 infinite: true,
 speed: 500,
 fade: true,
 cssEase: 'linear',
 prevArrow: $('.prev'),
 nextArrow: $('.next'),
 dots: true
});

Como mencioné ahora, los puntos se muestran debajo de todoslider-fade clase, pero quiero obtenerlo, por ejemplo, debajo deltext-box clase. ¿Es esto posible?

Representación visual:http://i.stack.imgur.com/jmocB.png

El objetivo es obtener puntos debajo de las flechas dentro del bloque.