CE Phoenix Cart Forum

ecartz wrote: ↑Sun Jun 12, 2022 9:55 pm Try changing the :focus or :visited pseudo-class versions. E.g. .btn-success:focus

More discussion: https://stackoverflow.com/a/42135352/6660678

LeeFoster wrote: ↑Sun Jun 12, 2022 7:31 pm I am working on a template and need to change the colour of buttons. I've added the below to my user.css file but when clicked the buttons still go green.

Code: Select all

.btn-success {
    color: #fff;
    background-color: #ff8b00;
    border-color: #ff8b00;
}

14Steve14 wrote: ↑Mon Jun 13, 2022 8:01 am I had a similar problem when trying to round the corners of all buttons. Some times the class is not what you think it is, and specific css needs to be added to a particular button. Most changed just using the .btn class but some did not.

.btn-success:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ff8b00;
    border-color: #ff8b00;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #ff8b00;
    border-color: #ff8b00;
    box-shadow: 0 0 0 0.2rem #ff8b00;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #ff8b00;
}

.btn-success:hover {
    color: #fff;
    background-color: #ff8b00;
    border-color: #ff8b00;
}