gelöst Popup zu klein

Thema wurde von Anonymous, 31. Oktober 2023 erstellt.

  1. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    Moin
    Habe soeben ein Popup für einen Gutschein erstellt und leider wird das Bild im Popup nicht ganz angezeigt, man kann nur nach unten scrollen. Habe schon einiges versucht über css, aber wohl nicht die richtige Stellschraube gefunden.
    Jemand eine Idee? Link zum Shop unten.....

    upload_2023-10-31_16-46-30.png
     
  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Hallo Achim,
    Du hast da diesen Code:
    Code:
    .popup-notification .mfp-container .mfp-content .modal-dialog .modal-content .modal-body {
        max-height: 500px;
        overflow: auto;
    }
    und diesen:
    Code:
    @media (min-height: 600px){
    .mfp-wrap.iframe_layer .modal-dialog .modal-body {
        height: 500px;
    }}
    Das müsste beides angepasst werden, bzw. müsstest Du eine weitere @media (min-height: - Stufe einfügen

    Oder Du gibst dem Bild ein
    class="img-responsive; center-block;"
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    OK, das letzte mit der Klasse scheint nicht zu gehen....

    Versuche es mal mit
    Code:
    .popup-notification .mfp-container .mfp-content .modal-dialog .modal-content .modal-body {
        max-height: 750px;
    }
    @media (min-width: 992px){
    .modal-body {
        height: 750px;
    }}
    
    Bedenke bei der Schrift auf dem Bild, dass das unter Umständen auf einem Handy nicht gut lesbar ist.
    Oder du wirst da immer scrollen müssen.

    Du kannst aber auch das min-height; 900px mit dem Wert height 750px nehmen
     
  4. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.088
    Danke erhalten:
    1.613
    Danke vergeben:
    1.212
    Danke, habe es mit Deiner Hilfe gelöst ;)
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    20. Juli 2018
    Beiträge:
    48
    Danke erhalten:
    10
    Danke vergeben:
    4
    Kurze Frage: Ist "Black Friday" nicht ein geschützter Begriff? Hatte sich das nicht Amazon schützen lassen oder gilt das nicht mehr? Hatte ich mal gehört. Sollte man evtl. mal prüfen.
     
  6. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Wikipedia schreibt dazu:
    Wenn Du bei Google "black friday" eingibst, findest Du auch Zahlreiche Shops, die damit werben.
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    18. Juli 2019
    Beiträge:
    645
    Danke erhalten:
    154
    Danke vergeben:
    40
    Gibt es einen Weg in das Pop-up Fenster einen Button "Fenster Schließen" zu platzieren der das Pop-up schließt?
    Viele finden das winzige "X" nicht und brechen dann ab. Speziell auf Handy ist das nur schwer zu treffen.
     
  8. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.141
    Danke vergeben:
    391
    Entweder den Smartyblock popup_notification_modal_header in der popup_notification.html überladen oder quick and dirty mit CSS wie diesem:

    Code:
    html[lang="de"] i.col-xs-1.fa.fa-close.hide-popup-notification::after{
        content: 'Fenster schließen';
        position: absolute;
        right: 20px;
        white-space: nowrap;
    }
    font-family sollte man da noch mit reinnehmen passend zur Seite.