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.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    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.749
    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.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    Hallo @Marco (Gambio) habe ich getestet, übernimmt er bei mir nicht!?:(
     
  4. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    6. September 2011
    Beiträge:
    1.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    Hallo @Marco (Gambio) ?
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    11. Juli 2021
    Beiträge:
    455
    Danke erhalten:
    215
    Danke vergeben:
    166
    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.749
    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.981
    Danke erhalten:
    478
    Danke vergeben:
    471
    Supi, Danke euch. Jetzt Passt es. Auch mit 8x1