Simplicity文字装飾のボタンの色の変更について

PR 2017/7/31

このトピックには2件の返信、1人の参加者があり、最後にいとうにより9年、 1ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿

2017年7月30日 7:16 PM #54523

いとう
ゲスト

Simplicity文字装飾のボタン拡張クラスについて質問します。
いろいろな色があるのでとても重宝しています。元々ある以外の色、好みの色のボタンに変えたい場合、CSSはどのように変更すればいいのでしょうか？

https://wp-simplicity.com/button-class/

2017年7月30日 8:32 PM #54525

かうたっく

ゲスト

.btn-red{background-color: #f44336;}
.btn-pink{background-color: #e91e63;}
.btn-purple{background-color: #9C27B0;}
.btn-deep{background-color: #673AB7;}
.btn-indigo{background-color: #3F51B5;}
.btn-blue{background-color: #2196F3;}
.btn-light-blue{background-color: #03A9F4;}
.btn-cyan{background-color: #00BCD4;}
.btn-teal{background-color: #009688;}
.btn-green{background-color: #4CAF50;}
.btn-light-green{background-color: #8BC34A;}
.btn-lime{background-color: #CDDC39;}
.btn-yellow{background-color: #FFEB3B;}
.btn-amber{background-color: #FFC107;}
.btn-orange{background-color: #FF9800;}
.btn-deep-orange{background-color: #FF5722;}
.btn-brown{background-color: #795548;}
.btn-grey{background-color: #9E9E9E;}
.btn-blue-grey{background-color: #607D8B;}

どの色を変えたいか不明ですが、background-color: #607D8B;の#607D8Bこの部分を好きな色に変更すれば対応できますよ