Customize Button Styles

[clark_lai]

I’m trying to change the color of the buttons on my site. I’ve added these lines to my style.css (child theme). The :hover selector doesn’t seem to be working.

COPY CODE

.btn-highlight {
  background-color: #ff9900 !important;
  border-color: #ff9900 !important;
}

.btn-highlight:hover {
  background-color: : #efa43b !important;
}

[Laura]

Hello, could you share a link to the page that you want to change? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[clark_lai]

Hi Laura,

staging.myveganromance.com
U: guest
P: viewonly

I’m trying to change the entire class. It seems that the buttons and links are set to the same colors inside Kleo settings. I’d like to separate them.

Thanks! 🙂

[clark_lai]

Still waiting for a response.

Thanks

[Laura]

Hello, sorry for the delay, please try with:

COPY CODE

a.btn.btn-see-through.btn-large {
    background-color: #ff9900;
    border-color: #ff9900 !important;
}
a.btn.btn-see-through.btn-large:hover {
    background-color: #efa43b;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[clark_lai]

No problem.

Thank you for the help. I will try these out 🙂

[Laura]

It was a pleasure 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[key-2000]

Hi Laura,

The code is not working for me, please I want to change the following:

1. The color of both the “SIGN IN” button on the login page and the “COMPLETE SIGN UP” button on the register page.

2. Also, the color of the bottom border of the text fields (that displays on hover) on the login and register page.

Thank you.

[Laura]

Hello, for which theme is it? @key-2000

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[key-2000]

BuddyApp theme

[key-2000]

Hi Laura,

I am working on the buddyApp theme. Please check the screenshots below for better understanding.

Thanks

[key-2000]

Hi, it’s been resolved. Thanks

[Laura]

Glad you could resolve it! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[jbomb202]

Hi Laura,

I am having the same issue as Key, but i have no idea how to fix it. Could you help?

[Laura]

Hello, is it exactly the same? Please share your screenshots and access so i can check it

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[jbomb202]

Yes it is exactly the same

[jbomb202]

If i reply privately with the account credentials will only moderators be able to see it?

[Laura]

Hello, yes, it will be private

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts