gelöst Anpassen PayPal Button!?

Thema wurde von Anonymous, 30. März 2022 erstellt.

  1. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    6. September 2011
    Beiträge:
    1.921
    Danke erhalten:
    456
    Danke vergeben:
    438
    Hallo,
    hat jemand einen Tipp um den PayPal Button (unterste) größenmäßig den gelben anzugleichen?
    artikelansicht-PP-Button02.JPG warenkorbansicht-PP-Button01.JPG
     
  2. Anonymous

    Anonymous Erfahrener Benutzer
    Mitarbeiter

    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.748
    Danke vergeben:
    137
    Das sollte gehen, um die PayPal-Buttons zu vergrößern:
    Code:
    div.checkout-buttons #paypal-button-container {
        min-width: 300px;
    }
    
    Was du aber meinst, das unterste, ist kein Button, sondern ein Banner im Format Flex 1x8. Und die Dinger haben eine Mindestbreite von 255px, wenn ich nicht irre, also breiter als die Buttons, die normalerweise 200px breit sind.

    Du könntest auf Flex 1x1 umstellen und dies verwenden:
    Code:
    div.checkout-buttons .paypal-installments-cartbottom {
        max-width: 200px;
    }
    Dann ist das Banner aber etwas höher:

    upload_2022-3-30_10-36-11.png
     
  3. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    6. September 2011
    Beiträge:
    1.921
    Danke erhalten:
    456
    Danke vergeben:
    438
    Hallo @Marco (Gambio) habe ich getestet, übernimmt er bei mir nicht!?:(
     
  4. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    6. September 2011
    Beiträge:
    1.921
    Danke erhalten:
    456
    Danke vergeben:
    438
    Hallo @Marco (Gambio) ?
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    354
    Danke erhalten:
    148
    Danke vergeben:
    124
    Hi @Bernd [Gastro-Meurer.de]

    versuchs mal mit !important.
    Etwa so:

    Code:
    div.checkout-buttons #paypal-button-container {
        min-width: 300px !important;
    }
    Code:
    div.checkout-buttons .paypal-installments-cartbottom {
        max-width: 200px !important;
    }
     
  6. Anonymous

    Anonymous Erfahrener Benutzer
    Mitarbeiter

    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.748
    Danke vergeben:
    137
    Im Warenkorb siehts doch im Moment gut aus bei dir. Auf den Artikelseiten würde ich noch etwas Analoges verwenden, z. B.
    Code:
    div.paypal-installments-product {
        max-width: 270px;
    }
    
    Dann haben wir’s doch schon, oder?
     
  7. Anonymous

    Anonymous Beta-Held

    Registriert seit:
    6. September 2011
    Beiträge:
    1.921
    Danke erhalten:
    456
    Danke vergeben:
    438
    Supi, Danke euch. Jetzt Passt es. Auch mit 8x1