gelöst Anpassen PayPal Button!?

Dieses Thema im Forum "HTML & CSS" wurde erstellt von Anonymous, 30. März 2022.

  1. Anonymous

    Anonymous Beta-Held

    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

    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

    Hallo @Marco (Gambio) habe ich getestet, übernimmt er bei mir nicht!?:(
     
  4. Anonymous

    Anonymous Beta-Held

    Hallo @Marco (Gambio) ?
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    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

    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

    Supi, Danke euch. Jetzt Passt es. Auch mit 8x1