changing colours of buttons

-- url of the page with the problem -- : fensifashionthings.com
-- HikaShop version -- : 3.2.0
-- Joomla version -- : 3.7.5

I want to change the colours of the log-in button and registration button. I should do that in template css, i managed to do it for the colour of the cart-button, but i can't find the css code for the log-in and register buttons. How does that code looks like?

Hello Jerome

I am having a problem changing the colour of the login and register buttum on the checkout page in Hikashop.

I know now why you are asking which buttons because you don't see a checkoutpage anymore. The last thing a did yesterday was take a look in the field "login" on display, views and then selected checkout, template fensi and then looked in to login and login_form. I am sure i did not change anything but the "login" is empty now, there is no code anymore. I tried to copy this code from another site which is the same, just another language and try to past ist there. after saving the code it disapears again. On the other website the "login"code also disapears now and i have the same problem that there is no login an registration form anymore. ( www.fensifashionthings.eu

How do i fix this problem?

By the way my Hikashop version is 3.0.1

Hello Jerome,

I fixed the problem discribed below by removing the changes, how simple can it be.

So now you can see the checkout page again and see that the login buttom and register buttom. I want to change the colours but what kind of CSS code do i use.

For changing the cart colour i found this code
a.hikashop_cart_button{
color: #F22865 !important;
}

but what do i have ti use for login: hikashop_checkout_form.submit ?

but what do i have ti use for register: hikashop_register_form_button?

bye the way updated to 3.2.0

Hello Jerome,

I have read the documentation, in the example in the documentation (changing colour of the price) it is clear to me what has to be done.

Here is the HTML code which i see when using firebug for the login button on the hikashop checkoutpage
<input class="btn button hikashop_cart_input_button btn btn-primary" name="login" value="Bejelentkezés" onclick="var field=document.getElementById('hikashop_product_quantity_field_1'); var b = document.getElementById('login_view_action'); if(b) { b.value = 'login'; } document.hikashop_checkout_form.submit(); return false;" type="submit">

it is not clear to me which one i have to use to change the colour of the button, is it .hikashop_cart_input_button or .hikashop_product_quantity_field_1 or .hikashop_checkout_form.submit

Here is the HTML code which i see when using firebug for the register button on the hikashop checkoutpage
<input class="btn button hikashop_cart_input_button btn btn-primary" name="register" value="Regisztrálás" onclick="var field=document.getElementById('hikashop_product_quantity_field_2'); hikashopSubmitForm('hikashop_checkout_form', 'register'); return false;" id="hikashop_register_form_button" type="submit">

it is not clear to me which one i have to use to change the colour of the button, is it .hikashop_cart_input_button? or hikashop_product_quantity_field_2 or .hikashop_register_form_button

Help me out so i can learn something from it.

Hello Philip,

That was exactly what i was looking for.
Thanks for you help and explanation, i learned something.
Problem solved

I want to change the colour of the continue_shopping buton, with firebug i get this code

<input id="hikashop_checkout_shopping_button" class="btn button hikashop_cart_input_button" name="continue_shopping" value="Vásárlás folytatása" onclick="var field=document.getElementById('hikashop_product_quantity_field_6');window.location=' www.fensifashionthings.com/';return false;" type="submit">

i edit template css with this code

.hikashop_checkout_shopping_button .hikashop_cart_input_button{
background: #FF7F2A !important;
}
but the colour doesn't change

what did i do wrong?

Thanks Nicolas,

The first one works, the second one changes all the colours of the hikashop_cart_input_buttons.

Thanks for the explanation.