Button custom color

Drakeman85 · March 21

IF I do what I do, it is not possible to change the color of the buttons. I always use the five colors set in theme options. How to make each button different?

When editing, it shows me that the color is changing, but when I change it in the editor, the view jumps to the color from the default settings and nothing is transferred to the big screenshot.

Thank you

Phil · March 21

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

Drakeman85 · March 21

I undarstand

https://www.panavita.kaby.sk/produkt/gaia-collagen-protein/

my custom buttons have this setting but it is ignored

Phil · March 22

There is a bug with the custom button color on woocommerce pages.

We are going to correct that, but for now, custom CSS code must be used.

If you tell me which button and how you want to style it, I can help you write it.

Best regards

Drakeman85 · March 22

Well, I can wait a max one week. Then I would like to run my eshop.

If you can make some changes, give me an example please. I would like to change all buttons on that page.

PS. I have just updated WooCommerce to the latest one.

Phil · March 23

We will be working on it next week.

If you tell me which buttons you refer to and how you want them to look, I can help you prepare a CSS code for a temporary workaround.

Thanks

Drakeman85 · March 23

Take any button from the product.

BTW. Custom button style does not work on any my pages. It is very strange....

Phil · March 25

1) But how you want to style it. Background color, font color, hover colors, etc.

2) Can you show screenshots showing that, and tell which page has this problem, please?

Thanks

Drakeman85 · April 4

This page have this problem

https://www.panavita.kaby.sk/panavita/

Brown buttons have to be green, like in the product page.

Thank you

Phil · April 4

Use the following CSS code:

.woocommerce .button{
 background-color: #6eaa52!important;
 border-color: #6eaa52!important;
}
.woocommerce .button:hover{
 background: rgba(110,170,82,0.87)!important;
 color: #fff!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Drakeman85 · April 10

Thank you it works, but it change all Woo buttons. I need change just Add to cart button

Phil · April 10

So change the previous CSS with the following one:

.archive.woocommerce .button{
    background-color: #6eaa52!important;
    border-color: #6eaa52!important;
}
.archive.woocommerce .button:hover{
    background: rgba(110,170,82,0.87)!important;
    color: #fff!important;
}

Best regards

Drakeman85 · April 12

https://www.panavita.sk/produkt/gaia-collagen-protein/

Does not work. Green button is on the top only... All other custom buttons are still brown

Please fix this issue ASAP!!!!!!!!!!!!!!!!!!!!!!!!!!!! It is your theme and it have to WORK!!!!!

Albert · April 12

Due to the recent WooCommerce update that extended CSS paths for buttons, we had to strengthen our paths. Unfortunately, this affected the ability to overwrite button colors with custom colors from BeBuilder. This issue is currently being addressed, but it will require at least a few days due to changes in the button structure.

Button custom color

Comments