No meu projeto, estou usando o plugin slider slider (http://kenwheeler.github.io/slick/ ) Eu queria saber se é possível reposicionar pontos lisos. Como padrão, eles são exibidos abaixo do contêiner div ao qual o controle deslizante é aplicado. O que eu quero alcançar aqui é colocar pontos lisos dentro dos blocos div deslizantes. Não tive problema em conseguir isso com as setas, pois posso me referir a elas com nomes de classes personalizadas.
Meu html fica assim:

<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>

Minhas configurações de JS são assim:

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

Então, como eu mencionei agora, os pontos são exibidos abaixo de todoslider-fade classe, mas quero obtê-lo, por exemplo, abaixo dotext-box classe. Isso é possível?

Representação visual:http://i.stack.imgur.com/jmocB.png

O objetivo é obter pontos abaixo das setas dentro do bloco.