Jump to content
xt:Commerce Community Forum

xt:Commerce 5 Template btn-success Farben Ändern


Recommended Posts

Hallo Leute,

ist es möglich die Faben der Buttons mit der btn-success Klasse zu ändern? Dazu gehören zum Beispiel der "Zur Kasse" Button. In der Variable.less kann ich die Variable nicht finden welche für den Button zuständig ist.

 

Viele Grüße

Link to comment
Share on other sites

das hier sind die Styleanweisungen zum btn-succes aus der Templates.css.

diese kopierst Du in die stylesheet.css und pass diese Deinen Wünschen entsprechend an:

 .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}
 .btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}
 .btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}
 .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}
 .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}
 .btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}
 .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}
 .btn-success .badge{color:#5cb85c;background-color:#fff}

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...