Bom dia,
Gostaria de saber se o plugin "slick" tem algum parâmetro de colocar as setas na vertical.
Abraços. :)
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Bom dia,
Gostaria de saber se o plugin "slick" tem algum parâmetro de colocar as setas na vertical.
Abraços. :)
E aí Allan,
Tranquilo?
Olhei a documentação do SLICK e não há nada falando de alterar a orientação da seta, mas tem como você alterar os ícones, conforme a documentação abaixo:
prevArrow
Type: string (html|jQuery selector) | object (DOM node|jQuery object)
Default: <button type="button" class="slick-prev">Previous</button>
Allows you to select a node or customize the HTML for the "Previous" arrow.
nextArrow
Type: string (html|jQuery selector) | object (DOM node|jQuery object)
Default: <button type="button" class="slick-next">Next</button>
Allows you to select a node or customize the HTML for the "Next" arrow.
Então você consegue alterar o HTML que representa as setas, assim você pode alterar até o ícone e etc.
Mas caso você queria utilizar as setas padrão, mas só mudar a orientação delas, você pode fazer via CSS com as propriedades abaixo:
//CSS
.slick-prev, .slick-next {
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
Espero ter ajudado.
Abraços!