slick.js Karussell wie man Zahlen von Slick-Punkten entfernt

Question

Ich habe durch die Slick-Theme.css gesucht und ich kann nicht herausfinden, wie Sie die Zahlen nach den Punkten versteckt verstecken.

Kann mir jemand aufklären?

Answer 1

Setzen Sie in Ihrem CSS-Datei:

.slick-dots li button { 
    font-size: 0; 
} 

Answer 2

Sie jquery verwenden können, um die Punkte

Docs

$('.your-slider').slick({ 
    dots: false 
}); 

Answer 3

Der beste Weg wäre es Ihre eigenen Punkte auf ein entfernen erstellen Pseudo-Element, da die Punkte, die Sie sehen, von der list-item kommen.

Das ist, wie glatt es für ihr eigenes Thema zu tun:

.slick-dots li { 
    position: relative; 
    display: inline-block; 
    width: 20px; 
    height: 20px; 
    margin: 0 5px; 
    padding: 0; 
    cursor: pointer; 
} 

.slick-dots li button { 
    font-size: 0; 
    line-height: 0; 
    display: block; 
    width: 20px; 
    height: 20px; 
    padding: 5px; 
    cursor: pointer; 
    color: transparent; 
    border: 0; 
    outline: none; 
    background: transparent; 
} 

.slick-dots li button:before { 
    content: '•'; 
    font-size: 22px; 
    line-height: 20px; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 20px; 
    height: 20px; 
    text-align: center; 
    opacity: .25; 
    color: black; 
}