gelöst Pfeile beim Swiper ohne Hintergrund (Hover)

Thema wurde von Carsten [M-1504], 27. April 2017 erstellt.

  1. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    #1 Carsten [M-1504], 27. April 2017
    Ich nochmal ;)

    Könnt Ihr mir sagen wie ich den Hintergrund entferne, der erscheint wenn ich mit der Maus auf den Pfeil beim Produkt-Swiper gehe ? Im normalen Zustand hab ich den Hintergrund schon entfernt (wie rechts zu sehen), doch weiß ich nicht wie man die "Hover"-Funktion anspricht.

    Danke Euch !

    [​IMG]
     
  2. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    #2 Torben Wark, 27. April 2017
    Den Hover-Zustand spricht man im CSS immer mit dem Selektor ":hover" an. Bei dir müsste es demnach etwas in der Art wie das hier sein:

    Code:
    .productlist-swiper .swiper-button-prev:hover, .productlist-swiper .swiper-button-next:hover {

}
     
  3. Carsten [M-1504]
    Carsten [M-1504] Erfahrener Benutzer
    Registriert seit:
    16. November 2015
    Beiträge:
    167
    Danke erhalten:
    8
    Danke vergeben:
    72
    #3 Carsten [M-1504], 28. April 2017
    Besten Dank !

    Musste halt noch den Präfix
    body.page-index .
    hinzufügen.

    Also:
    body.page-index .productlist-swiper .swiper-button-prev:hover, .productlist-swiper .swiper-button-next:hover
    {background: none;}