[Skip to main content](#vessel-content) # Change Layout - payment button on checkout page ## - **[shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile")** - [![shirthaus100's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12972-shirthaus100 "View shirthaus100's Profile") Topic Author - [ Offline](/forum/user/12972-shirthaus100) Less More - Posts: 3 - Thank you received: 0 - - 13 years 8 months ago [\#92444](#92444) by [shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile") *[Change Layout - payment button on checkout page](/forum/4-how-to/78829-change-layout-payment-button-on-checkout-page#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 ...")* was created by *[shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile")* 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 ![;-)](/media/kunena/emoticons/24.png ";-)") any ideas? thanks ... [ ![Unbenannt.png](/forum/attachment/8834) ](/forum/attachment/8834 "Unbenannt.png") - [ ![Unbenannt.png](/forum/attachment/8834) ](/forum/attachment/8834 "Unbenannt.png") [ ](/forum/attachment/8834?download=1 "Unbenannt.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc4ODI5LWNoYW5nZS1sYXlvdXQtcGF5bWVudC1idXR0b24tb24tY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[Jerome](/forum/user/80-jerome "View Jerome's Profile")** - [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile") - [ Offline](/forum/user/80-jerome) - HikaShop core developer Less More - Posts: 26394 - Thank you received: 4078 - - [](http://obsi.dev) - 13 years 8 months ago [\#92506](#92506) by [Jerome](/forum/user/80-jerome "View Jerome's Profile") Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Change Layout - payment button on checkout page](/forum/4-how-to/78829-change-layout-payment-button-on-checkout-page#92506 "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 ...")* Hi, It uses the default bootstrap rules. The "PayPal" button is in the view "checkout | payment" and it is displayed using this line: Code: <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: Code: <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". Code: <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. The following user(s) said Thank You: [shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc4ODI5LWNoYW5nZS1sYXlvdXQtcGF5bWVudC1idXR0b24tb24tY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. - **[shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile")** - [![shirthaus100's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/12972-shirthaus100 "View shirthaus100's Profile") Topic Author - [ Offline](/forum/user/12972-shirthaus100) Less More - Posts: 3 - Thank you received: 0 - - 13 years 8 months ago [\#92560](#92560) by [shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile") Replied by *[shirthaus100](/forum/user/12972-shirthaus100 "View shirthaus100's Profile")* on topic *[Change Layout - payment button on checkout page](/forum/4-how-to/78829-change-layout-payment-button-on-checkout-page#92560 "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 ...")* Hi Jerome, thank you very much ... i will do this and post the result here ![:-)](/media/kunena/emoticons/3.png ":-)") best regards, Dirk Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzc4ODI5LWNoYW5nZS1sYXlvdXQtcGF5bWVudC1idXR0b24tb24tY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.106 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)