slick.js Karussell so entfernen Sie Nummern aus slick-dots

Ich habe auf der Suche durch das slick-theme.css und ich kann nicht herausfinden, wie zu verstecken die zahlen eingefügt, nachdem die Punkte.

Kann jemand mich aufklären?

  • Ich bin mir nicht sicher, was du meinst. Es sollten keine zahlen eingefügt, nachdem die Punkte. Kannst du einen screenshot?
InformationsquelleAutor | 2016-09-29
  1. 12

    Setzen Sie in Ihrer css-Datei:

    .slick-dots li button { 
   font-size: 0; 
}
    InformationsquelleAutor Elder Carvalho
  2. 3

    Der beste Weg wäre es, erstellen Sie Ihre eigenen Punkte auf einem pseudo-element, da die Punkte, die Sie sehen, kommen aus der list-item.

    So glatt ist, es zu tun für Ihre eigenen Thema:

    .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;
}
    InformationsquelleAutor Orlandster
  3. 3

    Zahlen können entfernt werden, indem Sie die text-indent-Eigenschaft.

    .slick-dots li button {
   text-indent: -9999px;
}
    InformationsquelleAutor Celso
  4. 2

    Hinzufügen dieser arbeitete für mich

    .slick-dots li button {
    display: none;
}
    InformationsquelleAutor Shikkha Gupta
  5. 0

    können Sie jquery verwenden, um entfernen Sie die Punkte

    Docs

    $('.your-slider').slick({
   dots: false
});
    • Ich glaube, der OP fragt nach, wie zu entfernen zahlen, die erscheinen, nachdem die Punkte und nicht die Punkte selbst
    InformationsquelleAutor Mariano Garcia
  6. 0

    Können Sie entfernen Sie text für die Schaltfläche mit javascript so:

      var dotNums = document.querySelectorAll(".slick-dots button");

  function removeText(item) {
    item.innerHTML = ""; //or put the text you need inside quotes
  }

  dotNums.forEach(removeText);
    • Sollten Sie eine Erklärung auf deine Antwort.
    InformationsquelleAutor Ivan
Schreibe einen Kommentar