Farbe vom "Kasse" und "Kostenpflichtig Bestellen" Button ändern?

Thema wurde von Anonymous, 14. September 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.687
    Danke erhalten:
    301
    Danke vergeben:
    1.117
    Guten Abend
    Ich würde gerne die Farbe vom "Kasse" Button und vom "Kostenpflichtig Bestellen" Button ändern! Aber wirklich nur diese zwei Buttons. Kann ich die irgendwie über CSS ansprechen und einer neuen Farbe zu weisen?

    Vielen Dank und ein schönes Wochenende
     
  2. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    das kannst du für alles im Shop
    Rechte Taste auf den Button "elemnt untersuchen " (oder analog in anderen Browsern).
    Das CSS raussuchen in der Übersicht. Anpassen, übernehmen des Blocks durch copy-paste und speichern im SE3 unter Eigenes CSS.
    Caches leeren - fertig
    Beachten das vieles responsive ist und teilweise daher an 2-3 Stellen angepasst werden muss für versch Bildschirmgrößen.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.687
    Danke erhalten:
    301
    Danke vergeben:
    1.117

    Hi
    hmm

    Hatte das schon probiert über

    Code:
    .shopping-cart-button {
      background-color:#000000
      }
    Aber irgendwie wird da nicht der Button selber gefärbt sondern der Hintergrund wo sich der Button befindet. Der Button selbst bleibt Grau!
     
  4. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Der Kasse Button im Warenkorb hat das html
    <a title="Kasse" class="btn btn-primary btn-block button-submit" href="(Link nur für registrierte Nutzer sichtbar.).

    setzt sich also aus ein paar Sachen zusammen.
    Kann man umfärben:
    button1.JPG
    (fehlt noch rahmen - nur zur veranschaulichung gewesen)

    oder welchen Button genau willst noch ändern? Für manche hat der SE3 auch schon Optionen.
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.687
    Danke erhalten:
    301
    Danke vergeben:
    1.117
    #5 Anonymous, 15. September 2018
    Zuletzt bearbeitet: 15. September 2018
    Aber wenn ich es dort ändere, werden alle Primary Buttons geändert...

    Ich möchte wirklich nur den "Kasse" und den "Kostenpflichtig Bestellen" Button umfärben. Die anderen Buttons sollen aber alle bleiben wie sie sind.

    Wie kann ich nur diese zwei Buttons ansprechen?
     
  6. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    dann musst die class die darum sind mit definieren das du feiner selectierst. also schauen innerhalb welcher anderen classes das ist und die dazu schreiben im css

    geht so

    Beachten Sie:
    • .beispiel.hinweis selektiert Elemente, die der Klasse „beispiel“ und „hinweis“ angehören;
    • .beispiel, .hinweis selektiert Elemente, die der Klasse „beispiel“ oder „hinweis“ angehören (siehe (Link nur für registrierte Nutzer sichtbar.))
    • .beispiel .hinweis selektiert Elemente, die der Klasse „hinweis“ innerhalb der Klasse „beispiel“ angehören. (siehe (Link nur für registrierte Nutzer sichtbar.)).
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.687
    Danke erhalten:
    301
    Danke vergeben:
    1.117
    #7 Anonymous, 15. September 2018
    Zuletzt bearbeitet: 15. September 2018
    Ich danke dir vielmals Dennis! Das war der Hinweis & Anstoss den ich gebraucht habe! :)

    Habs jetzt hinbekommen beim "Kaufen" Button mit:

    Code:
    .total-block-wrapper .btn.btn-primary 


    EDIT:
    Hmm beim Kostenpflichtig bestellen Button klappts irgendwie nicht...


    Code:
    .col-xs-12 col-sm-5 col-sm-push-7 .btn.btn-primary {
    
    background-color: #000000
    
    }
    Der Code ist doch richtig, oder?

    EDIT 2:

    So klappt es leider auch nicht... hmm

    Code:
    .col-xs-12 col-sm-5 col-sm-push-7 .row .btn.btn-primary {
    
    background-color: #000000
    
    }
    So gehts auch nicht:

    Code:
    .btn btn-primary btn-block checkout-confirmation-submit .btn.btn-primary {
    
    background-color: #000000
    
    }
    

    Wo ist der Fehler?
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.687
    Danke erhalten:
    301
    Danke vergeben:
    1.117
    ERLEDIGT! :D
    Der Button ist nun auch gefärbt :)
    Code:
    input.btn.btn-primary.btn-block.checkout-confirmation-submit {
       background-color: #0000;
    }
    
    input.btn.btn-primary.btn-block.checkout-confirmation-submit:hover {
       background-color: #0000;
    }
    
    
    Danke an Ch Ris und diesen Thread vom April 2018 ;)
    (Link nur für registrierte Nutzer sichtbar.)



    Hmm....aber so mehr ich mir den Button anschaue, desto lieber hätte ich ihn wohl gerne zentriert ! Mal schauen ob ich das auch noch irgendwie hinkriege ;)
     
  9. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    margin-left auto
    margin-right auto
    dann zentriert sich der block immer