Change default Ultimate Member "blue" color using CSS

Ultimate Member default blue color #3ba1da and hover color #44b0ec can be overwritten using CSS.

Since WordPress 4.7, users can add custom CSS directly from WordPress admin area on wp-admin > Appearance > Customize > Additional CSS.  Some premium themes provide a Custom CSS section under the themes options. You can also use custom CSS plugins that allow you to store your custom CSS independently from your theme.

Here is the sample CSS which you can add to your custom CSS section and replace blue #3ba1da and hover #44b0ec colors with any color you need according to the design of your website.

/* Link colors */
.um .um-tip:hover,
.um i,
.um i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current,
.um-account-side li a.current:hover,
.um-dropdown li a:hover,,
    color: #3ba1da !important;

.um {
    color: #44b0ec !important;

/* Button colors */
.um .um-field-group-head,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um a,
.um a:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
    background: #3ba1da !important;

.um .um-field-group-head:hover,
.picker--focused .picker__day--highlighted,
.picker--focused .picker__list-item--highlighted,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um input[type=submit].um-button:hover{
    background: #44b0ec !important;

/* Button alt colors */
.um input[type=submit] {
    background: #eeeeee !important;

.um input[type=submit] {
    background: #e5e5e5 !important;