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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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