Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #21852

    Hallo,

    der “Kaufen” Button sollte farblich hervorgehoben sein um sich vom Rest der Bestell-Seite abzuheben, wie kann ich das am besten realisieren?

    Gruß & Danke

    Danica

    #113338

    Hi!

    Hallo,

    versuche folgenden css Code:

    #payment #place_order {
    background-color: #ff0000;
    color: #000000;
    }

    Die Farbwerte kann man natürlich anpassen :)

    Regards,

    Peter

    #113339

    Danke,

    klappt grunsätzlich, habe aber vergessen zu erwähnen, dass ich German Market einsetze, und so trifft es den falschen Button. Dachte mir, egal, das bekomm ich hin, tue ich aber nicht, stehe irgendwie auf dem Schlauch. Wie kann ich bei diesem Code:

    <div id="order_review">

    <div class="form-row place-order">

    <input id="place_order" class="button alt" type="submit" value="zurück" name="woocommerce_checkout_update_totals">

    <input id="place_order" class="button alt woocommerce_de_buy_button_text" type="submit" value="Kaufen" name="woocommerce_checkout_place_order">

    </div>

    </div>

    den Button “Kaufen”, der ja extra die multiple class “button alt woocommerce_de_buy_button_text” hat, ansprechen?

    Ich habe es mit

    #order_review #place_order .button.alt.woocommerce_de_buy_button_text {

    background-color: #ff0000;

    color: #000000;

    }

    versucht, aber das hat keine Auswirkungen. Wo liegt mein Denkfehler?

    Gruß

    Danica

    #113340

    Hi,

    hab’s dank eines Tipps im GM-Forum hinbekommen:

    form.checkout div#order_review div.form-row input#place_order.woocommerce_de_buy_button_text {

    background-color: #ff0000;

    color: #000000;

    }

    klappt ganz wunderbar. Habs’ natürlich noch ein bisschen weiter angepasst, so dass es zwar auffällt aber gleichzeitig besser passt.

    Und so sieht es dann bei mir aus:

    das ist normal, und so dann bei Mouseover:

    Gruß

    Danica

    #113341

    Hi!

    Sehr gut :)

    Regards,

    Peter

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Buy Button’ is closed to new replies.