Change colour of Gear icon, Search button and “Edit Profile”button

  • Resolved gbordormor22

    (@gbordormor22)


    11 months, 2 weeks ago

    Hello Sir,

    I want to Change the colours of the Gear icon to #fff

    The Search button should be #32cd32

    and the “Edit Profile”button should be #006098

    Here is what I am talking about— https://prnt.sc/Ji9bsHWCGjTG

    Please, how do I achieve these changes?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support andrewshu

    (@andrewshu)

    Hello @gbordormor22

    Try to use this CSS code:

    input.um-do-search.um-button {
    background: #32cd32;
}
.um-member-card a.um-edit-profile-btn.um-button {
    background: #006098;

color: #fff;
}
.um-member-card a.um-edit-profile-btn.um-button:before {
color: #fff;
}

    Regards.

    Thread Starter gbordormor22

    (@gbordormor22)

    The CSS Code did not work, and I suspect that it’s because I already have some CSS code which have been set for my button class and alt button class, as you can see below:

    .um .um-button{ background: #006098 !important; }

.um .um-button:hover{ background: #b5d333 !important;}

/* Button alt colors */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
color: #fff;
background: #b5d333 !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
background: #006098 !important;
}

    How can I override the Default and alt colour from the Search button and “Edit Profile” button, and be able to give them separate Default state and Hover state colours?

    Regards.

    Plugin Support andrewshu

    (@andrewshu)

    Hello @gbordormor22

    Sorry, you could add ‘!important’ for override?and ‘:hover’ for hover. You need to read about CSS styles. Sorry, I can explain all information here. Customizations are not included in our support.

    Regards.

    Plugin Support andrewshu

    (@andrewshu)

    Hi @gbordormor22

    This thread has been inactive for a while so we’re going to go ahead and mark it Resolved.

    Please feel free to re-open this thread if any other questions come up and we’d be happy to help. ??

    Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change colour of Gear icon, Search button and “Edit Profile”button’ is closed to new replies.