How to change the color of buttons at the checkout

I want to change the colors of the buttons via CSS at the time of checkout!

Hi,

You have to add css properties to your template css file directly, properties like:

.hikashop_checkout_page .hikashop_cart_input_button{
    /* My property */
}
.hikashop_notice_box_content input{
    /* My property */
}

I must edit the CSS of my template or access HikaShop > Display > Views and edit?

I added the code as you indicated.
I added the "custom.css" and "styles.css" my template.
But it did not work!

www.studiocenter.com.py/py/

Hello,
Can you show me which CSS code did you use on your CSS files to change the color of your checkout buttons ?

I used this:

.hikashop_checkout_page .hikashop_cart_input_button{
background: #9dd53a;
background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 37%, #80c217 63%, #7cbc0a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(37%,#a1d54f), color-stop(63%,#80c217), color-stop(100%,#7cbc0a));
background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 37%,#80c217 63%,#7cbc0a 100%);
background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 37%,#80c217 63%,#7cbc0a 100%);
background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 37%,#80c217 63%,#7cbc0a 100%);
background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 37%,#80c217 63%,#7cbc0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
}

.hikashop_notice_box_content input{
background: #e6f0a3;
background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043));
background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 );
}

I do not know identify the class!
I just added the code I had a button in gradient and include along with the code you gave me, the "Custon.css" my template.

In the settings, you have an option called "General Options view" and in the "Button style" is marked "CSS".
My question is: can enter the code for this button in the "CSS" in the "CSS file of the page" ????

Hello,

In the settings, you have an option called "General Options view" and in the "Button style" is marked "CSS".
My question is: can enter the code for this button in the "CSS" in the "CSS file of the page" ????

I changed the code: Hikashop Menu> Configuration> Tab Display> Option "CSS".
There clicked on "Edit" and enter the code shown above.


But still does not work!

OK!
Now it worked!
However, on the screen that we select "Continue Shopping" or "complete application", the buttons are still without CSS effect.

Can you help me? The following image attached!

Yes I changed, but the button is still the same!
You saw the picture I showed you? Now are other buttons that want to change the process of adding the product to cart.
Only the Next button checkout that changed.

OK, It has changed!
But when adding a product to the cart, the lightbox with the message keeps popping up with old buttons!
The CSS still does not work!

Hi,

Please apply the css properties on the following ids:
#hikashop_add_to_cart_continue_button{

}
#hikashop_add_to_cart_checkout_button{

}