Teaser-Slider Pfeile

Thema wurde von Anonymous, 13. Dezember 2020 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    19. Januar 2017
    Beiträge:
    430
    Danke erhalten:
    25
    Danke vergeben:
    48
    Hallo,

    wo kann man die Pfeile links und rechts im Teaser-Slider definieren bzw. bearbeiten. :)
    Möchte die Pfeile gerne an einer anderen Position haben. Gibt es da eine Möglichkeit?
     
  2. thorsten_havertz
    thorsten_havertz Aktives Mitglied
    Registriert seit:
    5. Dezember 2018
    Beiträge:
    26
    Danke erhalten:
    0
    Danke vergeben:
    15
    Hallo,
    das würde mich auch interessieren. Am liebsten hätte ich diese ganz weg und die blauen Punkte auch.
    Zur Entfernung habe ich nur etwas gefunden wenn ich die CSS bearbeite aber da ich einen CloudShop habe geht das ja nicht.

    www.thaz-edelstahldesign.de
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Doch, das geht in einem Cloudshop genauso wie in einem anderen.
    CSS ändert man im Style Editor, bzw. gibt man da sein eigenes CSS an.
    Im Style Editor sind oben rechts 3 Punkte, darüber kommt man zum Eingabefeld.
     
  4. Anonymous
    Anonymous Mitglied
    Registriert seit:
    17. Juni 2020
    Beiträge:
    14
    Danke erhalten:
    1
    Danke vergeben:
    16
    Hallo,
    welchen CSS Code müsste ich den an der Stelle im Style Editor einfügen? Ich würde die Pfeile und den Punkt unten auch gerne entfernen, kenne mich aber mit CSS nicht so gut aus.

    Gruß
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    für den Punkt, bzw. die Punkte:

    Code:
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        display: none;
    }
    Für die Pfeile:
    Code:
    @media (min-width: 768px){
    #stage .swiper-button-prev, #stage .swiper-button-next {
        display: none;
    }}
    Bitte prüft, ob die anderen Slider (Produkte) danach noch Pfeile haben, nicht dass das gekoppelt ist.
     
  6. Anonymous
    Anonymous Mitglied
    Registriert seit:
    17. Juni 2020
    Beiträge:
    14
    Danke erhalten:
    1
    Danke vergeben:
    16
    Hat geklappt! Vielen Dank.
     
  7. eva_werdehausen
    eva_werdehausen Mitglied
    Registriert seit:
    5. März 2021
    Beiträge:
    18
    Danke erhalten:
    1
    Danke vergeben:
    3

    Super!
    Hatte das gleiche Problem und konnte es lösen. DANKE Barbara!