Customize Button Styles

This topic has 17 replies, 4 voices, and was last updated 6 years by Laura.

Author

Tagged: button, color, style
October 9, 2015 at 20:00 #81642

clark_lai
Participant
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;
}
```
October 12, 2015 at 18:15 #81884

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

October 12, 2015 at 23:11 #81963

clark_lai
Participant

This reply has been set as private.

October 15, 2015 at 19:59 #82479

clark_lai
Participant

Still waiting for a response.

Thanks
October 15, 2015 at 20:10 #82484

Laura
Moderator
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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
October 16, 2015 at 18:21 #82720

clark_lai
Participant

No problem.

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

October 17, 2015 at 02:40 #82899

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 20, 2018 at 09:39 #192414

key-2000
Participant

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.

March 20, 2018 at 21:06 #192512

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

March 20, 2018 at 22:33 #192523

key-2000
Participant

BuddyApp theme

March 21, 2018 at 16:47 #192590

key-2000
Participant

Hi Laura,

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

Thanks

Attachments:
You must be logged in to view attached files.

March 22, 2018 at 14:33 #192687

key-2000
Participant

Hi, it’s been resolved. Thanks

March 23, 2018 at 22:04 #192838

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 9, 2018 at 01:45 #203304

jbomb202
Participant

Hi Laura,

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

July 9, 2018 at 11:46 #203323

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

July 9, 2018 at 18:24 #203368

jbomb202
Participant

This reply has been set as private.

July 9, 2018 at 18:28 #203372

jbomb202
Participant

This reply has been set as private.

July 10, 2018 at 19:07 #203489

Laura
Moderator

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
Author

Posts