Need help customizing Checkout Page

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

Thank You Nicolas, I will pm you login information.

someone please help im a noob to this

Hi,

You can remove these different pieces of CSS code: 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

And you can also remove that CSS code: from the CSS file /media/jui/css/bootstrap.min.css of your website.

sorry Nicolas after going through my code I was unable to find any of those

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.

Thank You Xavier,

I was able to do everything except this part. any chance you may know which line it might be on?

please help me make the text white for my billing address too please

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