1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Woocomerce Buttons anpassen

Dieses Thema im Forum "WooCommerce" wurde erstellt von JorgStuck, 31. Oktober 2017.

  1. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    Liebe Forumgemeinde,

    verwende WP 4.8.2
    mit PHP 7.1.9
    Theme: Elated Kreate

    ich würde gerne alle Buttons im Woocomerce anpassen,
    leider greifen alle versuchten Plugins nicht,
    und verschiedene Anpassungsversuche die ich über das Custom CSS
    vorgenommen habe, zeigen auch keine Verbesserungen.

    Kann mir jemand vielleicht aus dem Forum hier behilflich sein,
    um z.B. diesen "In den Warenkorb" Button anzupassen?

    https://www.cbd-innovation.com/produkt/endoca-cbd-oel-15/

    Bin Euch für jeden Vorschlag dankbar!

    Cheers
     
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    783
    Zustimmungen:
    96
    Versuche es mal mit diesem Selektor im Custom CSS (Dashboard -> Design -> Customizer -> zusätzliches CSS):
    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Da anscheinend WooCom in den eigenen Stylesheet viele '!important' benutzt, kann es sein, dass du das im Custom CSS auch machen musst, um die Originalformatierungen zu überschreiben.
    Und nach der Änderung bitte auch prüfen, ob irgendwo ungewollt auch andere Buttons 'umformatiert' werden.
     
  3. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    Danke für Deinen Ratschlag!!

    Hab folgendes ins Custom CSS eingefügt:

    .woocommerce-page button.button.alt {
    background-color: #88a551 !important;
    hoover: #88a551 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    border-radius: 5px;
    height: 40px;
    margin-top: 10px;
    }

    Andere Buttons wurden keine berührt.
    Leider hat sich auch nicht viel am ursprünglichen
    Button geändert, außer dass er eine rote
    Umrandung bekommen hat.....
    https://www.cbd-innovation.com/produkt/endoca-cbd-oel-15/
     
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.445
    Zustimmungen:
    243
    da es schon !important Einträge gibt, musst du deine Einträge mehr differenzieren, z.B.
    .woocommerce-page div.eltd-single-product-summary button.button.alt{...}

    und
    hoover: #88a551 !important;
    gibt es nicht.
     
  5. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    Vielen herzlichen Dank!!!

    Das war die Lösung meines Problems!!
     
  6. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    783
    Zustimmungen:
    96
    Leider scheint es so, dass dort in den originalen Stylesheets nicht nur 'backgroud' sondern auch 'background-color' ... und nicht nur 'border' sondern auch 'border-color' mit Werten vorgegeben und mit '!important' versehen sind.
    Es könnte helfen, wenn du die jeweils fehlende Angabe noch in dein Custom CSS hinzufügst.
    Die Werte für 'margin-top' und 'border' (abgesehen von der Farbe) hat die Seite ja übernommen - scheint also nicht ganz so falsch zu sein der Selektor.
     
  7. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    ok versteh, dank dir!

    noch ein problem im Warenkorb:

    hab folgendes versucht:


    .woocommerce-page div.eltd-cart-proceed-update button.button.alt {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 5px;
    height: 40px;
    margin-top: 10px;
    }

    leider nichts!
    wie spricht man die Buttons hier an,
    über die Page, dann denn übergeordneten div,
    oder lieg ich iwo falsch?

    achja und das hoover mit:
    .woocommerce-page div.eltd-cart-proceed-update button.button.alt:hoover
    funkt auch nicht...
     
    #7 JorgStuck, 31. Oktober 2017
    Zuletzt bearbeitet: 31. Oktober 2017
  8. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.307
    Zustimmungen:
    408
    Es heißt nicht hoover sondern hover!
     
  9. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    Danke, hab mich wohl verschrieben.......

    Kann mir noch jemand helfen mit dem Problem?

    .woocommerce-page div.eltd-cart-proceed-update button.button.alt

    kann ich die Warenkorb-Seite auch über .woocommerce-page ansprechen,
    dann den übergeordneten <div> tag und dann den button.

    ist mein Gedankengang soweit richtig?


     
  10. JorgStuck

    JorgStuck Member

    Registriert seit:
    29. Oktober 2017
    Beiträge:
    11
    Zustimmungen:
    0
    hab alle buttons hinbekommen!!!

    vielen Dank nochmal für die Hilfe!!!!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden