Change Layout - payment button on checkout page

Start
Prev
1
Next
End

shirthaus100
Topic Author
Offline

Posts: 3
Thank you received: 0

11 years 8 months ago #92444

Hi there,

i cant find the class in the CSS-frontend file, to change the background-color from the radio-buttons on checkout page.

i have a darkblue background color at the radio buttons from shipping and payment options.
i want to change it into green

any ideas?

thanks ...

Attachments:

Please Log in or Create an account to join the conversation.

Jerome
Away
HikaShop core developer

Posts: 26152
Thank you received: 4027
MODERATOR

11 years 8 months ago #92506

Hi,

It uses the default bootstrap rules.

The "PayPal" button is in the view "checkout | payment" and it is displayed using this line:

<label class="btn btn-radio" for="radio_<?php echo $method->payment_type.'_'.$method->payment_id;?>"><?php echo $method->payment_name;?></label>

You can create a special CSS rule by using his parent id from:

<div id="hikashop_payment_methods" class="hikashop_payment_methods">

About the shipping, it's the same thing but in the view "checkout | shipping".
But the parent div container would have a different id, for the shipping.

About the status (your last image), it's in the view "checkout | status". It uses a span with the classes "label" and "label-info".

<span class="label label-info">'.$this->payment_data->payment_name.'</span>

You can edit the view in order to use another class name or you can create a specific CSS rule using his parent (with id: hikashop_checkout_status).

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

The following user(s) said Thank You: shirthaus100

Please Log in or Create an account to join the conversation.