[Skip to main content](#vessel-content) # Need help customizing Checkout Page ## - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191635](#191635) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191635 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* was created by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys - [ ![hikashop_2015-02-22.png](/forum/attachment/22558) ](/forum/attachment/22558 "...2015-02-22.png") [ ](/forum/attachment/22558?download=1 "...2015-02-22.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 11 years 8 months ago [\#191651](#191651) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191651 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* Hi, We would need to look at the page on your website in order to tell you what CSS to use as your template CSS is involved in the styling here. Otherwise, if you have CSS knowledge, you can find the CSS to modify yourself with your browser inspector. We have a tutorial on that here: [ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191672](#191672) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Replied by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191672 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* Thank You Nicolas, I will pm you login information. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191700](#191700) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Replied by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191700 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* someone please help im a noob to this Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 11 years 8 months ago [\#191702](#191702) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191702 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* Hi, You can remove these different pieces of CSS code: Code: \#hikashop_shipping_methods .row0:hover, #hikashop_shipping_methods .row1:hover { background-color: #f8f8f8; } .hikashop_checkout_address_left_part .row0:hover, .hikashop_checkout_address_left_part .row1:hover, .hikashop_checkout_address_right_part .row0:hover, .hikashop_checkout_address_right_part .row1:hover { background-color: #f8f8f8; } #hikashop_payment_methods .row0:hover, #hikashop_payment_methods .row1:hover { background-color: #f8f8f8; } #hikashop_payment_methods td { padding: 5px; background-color: #fff; } .hikashop_checkout_cart table .row0:hover, .hikashop_checkout_cart table .row1:hover { background-color: #f8f8f8; } from the frontend CSS file of HikaShop that you can edit via the Display tab of the HikaShop configuration: [ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html) And you can also remove that CSS code: Code: .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9; } from the CSS file /media/jui/css/bootstrap.min.css of your website. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191706](#191706) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Replied by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191706 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* sorry Nicolas after going through my code I was unable to find any of those Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 11 years 8 months ago [\#191728](#191728) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191728 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* Hi, Via the menu HikaShop > Configuration > Display > CSS, you can edit the frontend default css file, and I confirm that the css properties indicated by Nicolas are present in that file. The first property is line 2422 for example. The following user(s) said Thank You: [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191877](#191877) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Replied by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191877 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* Thank You Xavier, I was able to do everything except this part. any chance you may know which line it might be on? - [ ![Cart_Checkout.png](/forum/attachment/22604) ](/forum/attachment/22604 "Cart_Checkout.png") [ ](/forum/attachment/22604?download=1 "Cart_Checkout.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")** - [![meleciovaldez's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar21603.jpg)](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Topic Author - [ Offline](/forum/user/21603-meleciovaldez) Less More - Posts: 37 - Thank you received: 1 - - - 11 years 8 months ago [\#191883](#191883) by [meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile") Replied by *[meleciovaldez](/forum/user/21603-meleciovaldez "View meleciovaldez's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191883 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* please help me make the text white for my billing address too please - [ ![billing_address.png](/forum/attachment/22605) ](/forum/attachment/22605 "...ng_address.png") [ ](/forum/attachment/22605?download=1 "...ng_address.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 11 years 8 months ago [\#191885](#191885) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Need help customizing Checkout Page](/forum/27-checkout/875146-need-help-customizing-checkout-page#191885 "hey guys on my attachment I have my checkout page I want to change the color of I numbered them to make it easier. 1 problem: the color is right for my shipping option but when I hover over it changes to white 2. selected or not its white. I want to change it to black 3. need to change the color to black since we cant see anything Thanks in advance guys")* It's not in the CSS of HikaShop. As I said in my message, you also have to edit the file /media/jui/css/bootstrap.min.css of your website and remove the code: .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9; } That's what will make the cart background black. Fort he shipping/billing text color to be white, you can add such CSS on your website: .hikashop_checkout_billing_address_info, .hikashop_checkout_shipping_address_info{ color: white ! important; } Please note that we cannot do all your CSS customizations for you. I highly encourage you to learn about CSS if you want to customize further the look of your website elements. It will be necessary for you to get familiar with this. The link I gave has some links to some CSS tutorials in order to get started: [ www.hikashop.com/support/support/documen...ize-the-display.html](https://www.hikashop.com/support/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg3NTE0Ni1uZWVkLWhlbHAtY3VzdG9taXppbmctY2hlY2tvdXQtcGFnZT90bXBsPW1hcmtkb3du) or [Create an account](/component/users/registration?Itemid=101) 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.324 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)