Topic: Can't change the button color

Tagged: x

Author

Posts
August 17, 2016 at 12:14 pm #1135449
mahmoud237
Participant
I want to have some different button colors … I add a custom class “talk” to my buttons and I tried to add custom CSS in customizer like your topic there :

https://community.theme.co/kb/implementing-additional-button-colors/

But nothing changes … Here is my code :
```
.x-btn.my-btn-talk {
  color: #36C9F2;
  border-color: #36C9F2;
  background-color: #ffffff;
}

.x-btn.my-btn-talk:hover {
  color: #ffffff;
  border-color: #600900;
  background-color: #ef2201;
}
```
August 17, 2016 at 12:15 pm #1135451

mahmoud237
Participant

This reply has been marked as private.

August 17, 2016 at 1:28 pm #1135549

Rupok
Member

Hi there,

Are you referring this button? – http://prntscr.com/c6yz0y

I can’t see any class added to this button. Make sure to add the class my-btn-talk there. Also you are using comment like =============Buttons =========== within CSS which might break your CSS. You should add comment like below :

/* =============Buttons =========== */

Hope this helps.

August 17, 2016 at 4:26 pm #1135812

mahmoud237
Participant

OK … I added a class to next buttons on the page, not the first one … Like the attached picture

August 17, 2016 at 5:03 pm #1135849

mahmoud237
Participant

Sorry my class is”talk” … and the hover color working properly but the actual color don’t change at all … it sill the same default color

August 17, 2016 at 8:27 pm #1136079

mahmoud237
Participant

Thanks I managed to do it … the problem with ============= Buttons ========== like you said
thanks

August 17, 2016 at 10:03 pm #1136180

Friech
Moderator

Glad we could help, feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!
Author

Posts

<script> jQuery(function($){ $("#no-reply-1135449 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>