Teaser-Slider Pfeile

Thema wurde von Anonymous, 13. Dezember 2020 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    19. Januar 2017
    Beiträge:
    416
    Danke erhalten:
    25
    Danke vergeben:
    45
    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.570
    Danke erhalten:
    11.312
    Danke vergeben:
    1.614
    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.570
    Danke erhalten:
    11.312
    Danke vergeben:
    1.614
    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!