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
     
    #1 JorgStuck, 31. Oktober 2017
  2. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    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.
     
    #2 Sailor56, 31. Oktober 2017
  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/
     
    #3 JorgStuck, 31. Oktober 2017
  4. maxe

    maxe Well-Known Member
    Ehrenmitglied

    Registriert seit:
    1. Mai 2008
    Beiträge:
    19.581
    Zustimmungen:
    277
    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.
     
    #4 maxe, 31. Oktober 2017
  5. JorgStuck

    JorgStuck Member

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

    Das war die Lösung meines Problems!!
     
    #5 JorgStuck, 31. Oktober 2017
  6. Sailor56

    Sailor56 Well-Known Member

    Registriert seit:
    13. Juni 2017
    Beiträge:
    794
    Zustimmungen:
    104
    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.
     
    #6 Sailor56, 31. Oktober 2017
  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.361
    Zustimmungen:
    427
    Es heißt nicht hoover sondern hover!
     
    #8 SirEctor, 31. Oktober 2017
  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?
     
    #9 JorgStuck, 31. Oktober 2017
  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!!!!
     
    #10 JorgStuck, 31. Oktober 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  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.
    Akzeptieren Weitere Informationen...
    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.
    Akzeptieren Weitere Informationen...
    Information ausblenden