Pfeile ändern

Thema wurde von Retourenwiese, 19. August 2024 erstellt.

  1. Retourenwiese

    Retourenwiese Mitglied

    Registriert seit:
    10. Juli 2024
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    2
    #1 Retourenwiese, 19. August 2024
    Zuletzt bearbeitet: 19. August 2024
    Servus zusammen,

    ich habe jetzt länger nach dem passenden gesucht, doch ich finde einfach nicht die richtige Lösung.

    Vielleicht hat jemand mal was mit CSS gepostet, aber da kenne ich mich überhaupt nicht aus und traue mich nicht da nur mal zu schauen.

    Mein Problem ist das die Pfeile der Swiper halb "außerhalb des Bildschirms" liegen und zusätzlich wenn man mit der Maus drüber fährt diese mit dem Hintergrund verschmelzen.
    Das gleiche mit der Verschmelzung ist in der Artikelansicht um die Bilder links in der Ansicht zu "scrollen"

    Im StyleEdit hab ich leider keine Funktion gefunden die mir geholfen hat.

    Grüße, Stefan

    Edit : https://www.retouren-wiese.de/
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.452
    Danke erhalten:
    11.255
    Danke vergeben:
    1.606
    Wenn man mit der Maus drüber geht:
    Code:
    .swiper-button-next:hover, .swiper-button-prev:hover {
        color: #666;
    }
    #666 ist anthrazit, das kannst Du in Deine Wunschfarbe ändern.

    Für die Position versuche einmal das:
    Code:
    @media (min-width: 1570px) {
        .productlist-swiper .swiper-button-next {
            right: -50px;
        }
        .productlist-swiper .swiper-button-prev {
            left: -50px;
        }
    }
    Es könnte sein, dass Du den 2. Code einzeln und mit -60px im eigenen css hast, dann kannst Du einfach den Wert dort ändern.
     
  3. Retourenwiese

    Retourenwiese Mitglied

    Registriert seit:
    10. Juli 2024
    Beiträge:
    5
    Danke erhalten:
    0
    Danke vergeben:
    2
    Super, vielen Dank Barbara! :)

    das hat geklappt!
    Musste nur noch auf -40 umstellen weil die letzte Ecke sonst immernoch abgeschnitten gewesen wäre.

    Aber in meinem CSS stand gar nix drin, der war komplett leer.

    Vielen lieben Dank für deine Hilfe! :)

    Grüße, Stefan