CSS Help - Modify Color of Save/Submit Button (and Checkmark)

Chris_Keander

Could someone help me with the CSS code I would need to globally change the text on the bottom taskbar, and the corresponding check mark icon, for the Save/Submit button?  I'd like to change it from white to #00ff00 and NOT have it change the other buttons as well (Cancel, Favorite, etc)

Brian_Wiest

Here is a snip from my CSS

.fa-check {

  color: #00FF00 !important;

}

.fa-times {

  color: #FF0000 !important;

}

.fa-pencil {

  color: #FFFF00 !important;

}

Check is save, Times is Cancel and pencil is edit.

Brian_Wiest

I do not think so as the span class ends before the text as shown below. The buttons share a class but you would make all the button text the same
<button class="btn btn-link btn-lg">
<span class="fa fa-check"></span>
<div>Save</div>
</button>
.......
<button class="btn btn-link btn-lg">
<span class="fa fa-pencil"></span>
<div>Apply</div>
</button>

Brian_Wiest

Here is a snip from my CSS

.fa-check {

  color: #00FF00 !important;

}

.fa-times {

  color: #FF0000 !important;

}

.fa-pencil {

  color: #FFFF00 !important;

}

Check is save, Times is Cancel and pencil is edit.

Chris_Keander

That would work for the checkmark icon, but it still leaves the text next it the same color.  Any way to call out just the "save" text as well without touching the text of the other buttons?

Brian_Wiest

I do not think so as the span class ends before the text as shown below. The buttons share a class but you would make all the button text the same
<button class="btn btn-link btn-lg">
<span class="fa fa-check"></span>
<div>Save</div>
</button>
.......
<button class="btn btn-link btn-lg">
<span class="fa fa-pencil"></span>
<div>Apply</div>
</button>

Chris_Keander

Thank your for the prompt help!